/* Fakhr Motion v4: VibeFarsi-inspired patterns reimplemented for lightweight PHP pages.
   Scoped, performant and disabled when prefers-reduced-motion is active. */
:root{--motion-fast:180ms;--motion-normal:420ms;--motion-slow:750ms;--shine-color:rgba(255,255,255,.36)}
html{scroll-behavior:smooth}*{scroll-margin-top:90px}button,a{touch-action:manipulation}
.theme-btn{position:relative;width:42px;height:42px;border-radius:11px!important;display:grid!important;place-items:center;isolation:isolate;overflow:hidden;border:1px solid var(--edge)!important;background:var(--soft)!important;color:var(--ink)!important;transition:background .25s,border-color .25s,transform .25s!important}
.theme-btn:hover{transform:translateY(-2px);border-color:#caa365!important}
.theme-btn .theme-icon{position:absolute;display:grid;place-items:center;transition:transform .38s cubic-bezier(.2,1.3,.4,1),opacity .3s}
.theme-btn .theme-moon{opacity:1;transform:rotate(0deg) scale(1)}.theme-btn .theme-sun{opacity:0;transform:rotate(75deg) scale(.45)}
[data-theme=dark] .theme-btn .theme-moon{opacity:0;transform:rotate(-90deg) scale(.3)}
[data-theme=dark] .theme-btn .theme-sun{opacity:1;transform:rotate(0) scale(1)}
.lang-switch{display:flex;align-items:center;gap:3px;border:1px solid var(--edge);background:var(--soft);border-radius:12px;padding:4px;direction:ltr}
.lang-switch a,.mobile-languages a{font:700 10px Arial,sans-serif;color:var(--muted);padding:8px 9px;border-radius:8px;transition:background .25s,color .25s}
.lang-switch a.active,.mobile-languages a.active{background:var(--ink);color:var(--card)}
.mobile-languages{display:flex;gap:8px;justify-content:center;border-bottom:1px solid var(--edge);padding:12px}.mobile-languages a{border:1px solid var(--edge)}
.mobile-menu[hidden]{display:none!important}
.fh-progress{height:3px;position:fixed;top:0;right:0;z-index:2000;width:0;background:linear-gradient(90deg,#b58b50,#f8d48e);pointer-events:none;box-shadow:0 0 11px #d6b06a66}
.fh-reveal{opacity:0;transform:translateY(21px);filter:blur(5px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1),filter .7s ease}
.fh-reveal.fh-visible{opacity:1;transform:none;filter:none}
.section-cards>.fh-reveal:nth-child(2),.post-cards>.fh-reveal:nth-child(2),.product-cards>.fh-reveal:nth-child(2){transition-delay:75ms}
.section-cards>.fh-reveal:nth-child(3),.post-cards>.fh-reveal:nth-child(3),.product-cards>.fh-reveal:nth-child(3){transition-delay:150ms}
.section-cards>.fh-reveal:nth-child(4),.post-cards>.fh-reveal:nth-child(4),.product-cards>.fh-reveal:nth-child(4){transition-delay:210ms}
.hero h1,.portal-hero h1{animation:fhRise .86s both cubic-bezier(.2,.8,.2,1)}
.hero-info>p,.portal-hero p{animation:fhRise .95s .12s both cubic-bezier(.2,.8,.2,1)}
.hero-photo>img{animation:fhPortrait 1.2s .05s both cubic-bezier(.18,.85,.28,1)}
.hero-mesh{animation:fhBreathe 12s ease-in-out infinite alternate}
@keyframes fhRise{from{opacity:0;transform:translateY(25px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes fhPortrait{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}
@keyframes fhBreathe{from{opacity:.65;transform:translate(-1%,1%)}to{opacity:1;transform:translate(2%,-1%)}}
.sec-card,.post-card,.product-card,.stat,.quick-grid>a{position:relative;isolation:isolate;transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));will-change:transform;transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s,border-color .3s}
.sec-card::before,.post-card::before,.product-card::before,.stat::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(460px circle at var(--spot-x,50%) var(--spot-y,50%),#d0aa5f23,transparent 70%);transition:opacity .32s}
.sec-card:hover::before,.post-card:hover::before,.product-card:hover::before,.stat:hover::before{opacity:1}
.sec-card:hover,.post-card:hover,.product-card:hover{border-color:#c7a169!important;box-shadow:0 22px 65px #0e22301c}
.sec-img img,.post-card>img,.product-card>img{transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .65s}
.sec-card:hover img,.post-card:hover>img,.product-card:hover>img{transform:scale(1.045)}
.button.gold,.button.dark{position:relative;overflow:hidden;isolation:isolate}
.button.gold::after,.button.dark::after{content:"";position:absolute;inset:-30% auto -30% -65%;width:25%;background:linear-gradient(90deg,transparent,var(--shine-color),transparent);transform:skew(-18deg);pointer-events:none;transition:left .75s ease}
.button.gold:hover::after,.button.dark:hover::after{left:140%}
.button,.nav-links a,.sec-arrow{transition:transform .24s ease,box-shadow .24s ease,color .24s ease,border-color .24s ease}
.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.985)}
.fh-ripple{position:absolute;border-radius:50%;background:rgba(210,167,90,.27);pointer-events:none;transform:scale(0);animation:fhRipple .6s ease-out forwards}
@keyframes fhRipple{to{transform:scale(3.5);opacity:0}}
.sec-card:focus-visible,.post-card:focus-visible,.button:focus-visible,.theme-btn:focus-visible,.lang-switch a:focus-visible{outline:3px solid #c5a05e;outline-offset:3px}
.portal-hero .kicker,.hero .pill{background-image:linear-gradient(100deg,transparent,rgba(255,255,255,.15),transparent);background-size:200% 100%;animation:fhShimmer 6s ease-in-out infinite}
@keyframes fhShimmer{0%,75%,100%{background-position:200% 0}35%{background-position:-200% 0}}
.blocks details{transition:background .3s,border-color .3s}.blocks details[open]{background:var(--soft);border-color:#cfb079}
.blocks details summary:hover{color:#c7a46d}
.mobile-menu:not([hidden]){animation:fhDrop .32s cubic-bezier(.2,.8,.2,1)}
@keyframes fhDrop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
/* true full directional RTL/LTR support */
html[dir=ltr] body{text-align:left}html[dir=ltr] .breadcrumbs,html[dir=ltr] .hero-actions{direction:ltr}
html[dir=ltr] .blocks ul{padding-left:27px;padding-right:0}html[dir=ltr] .blocks blockquote{border-right:0;border-left:3px solid #c5a065}
html[dir=ltr] .footer,html[dir=ltr] .contact-form{text-align:left}
html[dir=ltr] .mobile-menu{text-align:left}
html[dir=ltr] .sec-bottom{direction:ltr}
/* Admin editorial tools */
.locale-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.locale-tabs a{background:var(--card,#fff);border:1px solid var(--edge,#ddd);border-radius:10px;padding:13px 22px;color:var(--ink,#172133);font-weight:800;font-size:12px;transition:.25s}
.locale-tabs a.current,.locale-tabs a:hover{background:#17273b;color:#fff;border-color:#17273b}
.ai-studio{border-color:#cfb27f!important;background:linear-gradient(135deg,var(--card,#fff) 75%,#e8c68c12)}
.ai-studio .a-panel-head>span{display:flex;align-items:center;gap:7px;color:#b08547}
.ai-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.ai-studio textarea{width:100%;resize:vertical;min-height:150px;line-height:1.9;font-size:12px}
.ai-example{padding:10px;border:1px solid var(--edge,#eee);border-radius:10px;margin-top:14px}
.ai-example summary{cursor:pointer}.ai-example pre{white-space:pre-wrap;word-wrap:break-word;font-size:11px;line-height:2;direction:ltr;text-align:left}
.admin-theme-toggle{border:1px solid #dce3ed;background:#f7f8fc;border-radius:10px;width:37px;height:37px;display:grid;place-items:center;color:#1c2d41;cursor:pointer;margin-inline:10px}
.admin-body[data-mode=dark],html[data-theme=dark] body.admin-body{background:#101824!important;color:#e7eef8!important}
html[data-theme=dark] .admin-body .admin-top,html[data-theme=dark] .admin-body .a-panel,html[data-theme=dark] .admin-body .stat,html[data-theme=dark] .admin-body .block-unit,html[data-theme=dark] .admin-body .locale-tabs a:not(.current){background:#1b283a!important;border-color:#344157!important;color:#eaf0fc!important}
html[data-theme=dark] .admin-body .admin-main h1,html[data-theme=dark] .admin-body .admin-main h2,html[data-theme=dark] .admin-body .admin-main b,html[data-theme=dark] .admin-body .admin-top b{color:#f2f5fd!important}
html[data-theme=dark] .admin-body .a-field input,html[data-theme=dark] .admin-body .a-field select,html[data-theme=dark] .admin-body .a-field textarea,html[data-theme=dark] .admin-body #aiPaste{background:#131f31!important;color:#f2f7ff!important;border-color:#35455a!important}
html[data-theme=dark] .admin-body .a-muted,html[data-theme=dark] .admin-body .admin-heading p{color:#aabbd0}
html[data-theme=dark] .admin-body .ai-studio{background:#1b283a!important}
@media(max-width:1000px){.lang-switch a{padding:7px 6px}.nav-buttons{gap:7px}.admin-top{padding-inline:15px!important}}
@media(max-width:680px){.lang-switch{display:none}.locale-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.locale-tabs a{text-align:center;padding:12px 3px}.ai-actions .button{flex:1;justify-content:center}.admin-heading{gap:13px}.admin-theme-toggle{flex-shrink:0}.admin-top .studio-tag{display:none}.fh-reveal{filter:none}}
@media(hover:none){.sec-card,.post-card,.product-card{transform:none!important}.button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fh-reveal{opacity:1!important;filter:none!important;transform:none!important}.sec-card,.post-card,.product-card{transform:none!important}}