/*
Theme Name: Clicksa
Theme URI: https://clicksa.com
Author: Clicksa Team
Description: ثيم احترافي لنظام Clicksa لإدارة الأعمال — واجهة داكنة، SEO، RTL، تكامل واتساب، ذكاء اصطناعي، مقالات محسّنة.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: clicksa
Tags: one-column, custom-logo, custom-menu, featured-images, rtl-language-support, translation-ready
*/
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Noto Kufi Arabic","Inter",sans-serif;background:#050505;color:#fff;overflow-x:hidden;direction:rtl}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0A0A0A}::-webkit-scrollbar-thumb{background:#f97316;border-radius:3px}
img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}
.glass-panel{background:rgba(26,26,26,.6);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}
.gradient-text{background:linear-gradient(to left,#f97316,#fbbf24,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.grid-bg{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}
.btn-brand{background:linear-gradient(135deg,#1a3a6e,#f97316);transition:all .3s;display:inline-flex;align-items:center;gap:.375rem;color:#fff}.btn-brand:hover{background:linear-gradient(135deg,#2563eb,#fb923c);box-shadow:0 0 40px rgba(249,115,22,.4);transform:scale(1.02)}
.btn-outline-brand{border:1px solid rgba(249,115,22,.3);transition:all .3s;display:inline-flex;align-items:center;gap:.375rem;color:#fff}.btn-outline-brand:hover{border-color:rgba(249,115,22,.6);background:rgba(249,115,22,.05)}
.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s}.site-nav.scrolled{background:rgba(5,5,5,.92)!important}
.nav-logo img{height:40px;width:auto}
.mobile-menu{position:fixed;inset:0;z-index:60;background:rgba(5,5,5,.97);backdrop-filter:blur(20px);transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.mobile-menu.active{transform:translateX(0)}
.card-3d{perspective:1000px;transform-style:preserve-3d}.card-3d-inner{transition:transform .5s,box-shadow .5s;transform-style:preserve-3d}.card-3d:hover .card-3d-inner{transform:rotateY(-5deg) rotateX(5deg) translateZ(10px);box-shadow:20px 20px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.1)}
.icon-glow-orange{box-shadow:0 0 30px rgba(249,115,22,.3)}.icon-glow-blue{box-shadow:0 0 30px rgba(37,99,235,.3)}.icon-glow-yellow{box-shadow:0 0 30px rgba(251,191,36,.3)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(50%)}}
.float-anim{animation:float 6s ease-in-out infinite}.float-anim-delay{animation:float 6s ease-in-out 2s infinite}.pulse-glow{animation:pulse-glow 4s ease-in-out infinite}.marquee-content{animation:marquee 30s linear infinite}.marquee-content:hover{animation-play-state:paused}
.reveal{opacity:0;transform:translateY(40px)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s,padding .4s}.faq-answer.open{max-height:300px;padding-top:12px;padding-bottom:4px}
.faq-icon{transition:transform .3s;display:inline-flex}.faq-icon.rotated{transform:rotate(45deg)}
.article-card{transition:all .4s}.article-card:hover{transform:translateY(-6px);border-color:rgba(249,115,22,.3)}.article-card:hover .article-img{transform:scale(1.05)}.article-img{transition:transform .6s}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clicksa-toast{position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem;max-width:24rem;z-index:100;transform:translateY(100px);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1)}
@media(min-width:768px){.clicksa-toast{left:auto;right:1.5rem}}.clicksa-toast.show{transform:translateY(0);opacity:1}
.counter{font-variant-numeric:tabular-nums}
@media(max-width:767px){.hero-title{font-size:2.25rem!important}.section-title{font-size:1.875rem!important}}