/*
 * Jolfa site chrome v24
 * Loaded last so the header remains dark in both themes and the footer keeps
 * a soft mauve/coral identity without becoming a dark block in light mode.
 */

/* ---------- Permanent dark header ---------- */
.site-header,
html[data-theme="light"] .site-header,
html[data-theme="dark"] .site-header{
  background:
    radial-gradient(circle at 15% 0%,rgba(111,57,137,.34),transparent 34%),
    linear-gradient(135deg,#21102d 0%,#35164c 54%,#4a1d57 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 30px rgba(24,8,34,.18)!important;
  color:#f8f2fc!important;
  backdrop-filter:blur(20px) saturate(1.12)!important;
}

.site-header.is-scrolled{
  box-shadow:0 14px 38px rgba(18,5,28,.3)!important;
}

.site-header .brand-wordmark{
  background:linear-gradient(135deg,#ffffff 0%,#eadbff 58%,#77e4f1 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

.site-header .brand-slogan,
.site-header .brand-copy small{
  color:#ddcce9!important;
}

.site-header .desktop-navigation>a,
.site-header .nav-dropdown__button{
  color:#f8f2fc!important;
}

.site-header .desktop-navigation>a>i,
.site-header .nav-dropdown__button>i{
  color:#d8c6e6!important;
}

.site-header .desktop-navigation>a>i:not(.fa-chevron-down),
.site-header .nav-dropdown__button>i:not(.fa-chevron-down){
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#e8d9f2!important;
}

.site-header .desktop-navigation>a:hover,
.site-header .desktop-navigation>a.active,
.site-header .nav-dropdown__button:hover,
.site-header .nav-dropdown__button.active{
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
}

.site-header .desktop-navigation>a:hover>i:not(.fa-chevron-down),
.site-header .desktop-navigation>a.active>i:not(.fa-chevron-down),
.site-header .nav-dropdown__button:hover>i:not(.fa-chevron-down),
.site-header .nav-dropdown__button.active>i:not(.fa-chevron-down){
  background:linear-gradient(135deg,#a66bc2,#d786a0)!important;
  border-color:transparent!important;
  color:#fff!important;
}

.site-header .language-trigger,
.site-header .mobile-menu-button,
.site-header .desktop-theme-button,
.site-header [data-theme-toggle]{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#f8f2fc!important;
  box-shadow:none!important;
}

.site-header .language-trigger:hover,
.site-header .mobile-menu-button:hover,
.site-header [data-theme-toggle]:hover{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.24)!important;
  color:#fff!important;
}

.site-header [data-theme-toggle] .theme-icon-moon{
  color:#d7c4e8!important;
}

.site-header [data-theme-toggle] .theme-icon-sun{
  color:#ffd08b!important;
}

.site-header .language-flag-img{
  border-color:rgba(255,255,255,.22)!important;
}

.site-header .auth-button{
  background:linear-gradient(135deg,#8d4fa8 0%,#b85f84 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(9,3,15,.26)!important;
}

.site-header .auth-button:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}

/* Dropdown surfaces remain readable and theme-aware below the dark header. */
.site-header .nav-dropdown__menu,
.site-header .language-menu,
.site-header .panel-menu{
  border-color:color-mix(in srgb,var(--border) 84%,var(--primary) 16%)!important;
}

/* ---------- Soft mauve/coral footer ---------- */
.site-footer,
html[data-theme="light"] .site-footer{
  position:relative;
  overflow:hidden;
  padding-inline:clamp(18px,3.2vw,38px)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,255,255,.58),transparent 30%),
    linear-gradient(135deg,#eee1f3 0%,#e4d1eb 48%,#f2d9d4 100%)!important;
  border:0!important;
  border-top:1px solid rgba(88,45,101,.2)!important;
  border-radius:0;
  box-shadow:0 -14px 34px rgba(66,30,77,.07);
  color:#66506d!important;
}

.site-footer::after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  inset-inline-end:-110px;
  top:-145px;
  border-radius:50%;
  background:rgba(211,128,151,.13);
  pointer-events:none;
}

.site-footer .footer-brand-lockup,
.site-footer .footer-contact-brief{
  color:#35203f!important;
}

.site-footer .footer-contact-line,
.site-footer .site-footer__brand p,
.site-footer .site-footer__bottom{
  color:#6b5872!important;
}

.site-footer .footer-contact-brief h3,
.site-footer .footer-contact-line>i,
.site-footer .footer-contact-brief h3>i,
.site-footer .site-footer__bottom a{
  color:#5c2d6e!important;
}

.site-footer .footer-trust a{
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(91,46,105,.14)!important;
  box-shadow:0 12px 26px rgba(76,39,87,.08)!important;
}

.site-footer .site-footer__separator,
.site-footer .footer-contact-brief::before{
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(106,57,119,.16) 8%,
    rgba(106,57,119,.52) 50%,
    rgba(190,107,132,.22) 92%,
    transparent 100%
  )!important;
}

html[data-theme="dark"] .site-footer{
  background:
    radial-gradient(circle at 8% 0%,rgba(129,75,143,.18),transparent 32%),
    linear-gradient(135deg,#24172d 0%,#2f1c36 52%,#3a2335 100%)!important;
  border-color:rgba(217,171,225,.15)!important;
  box-shadow:0 -14px 36px rgba(0,0,0,.18);
  color:#cdbbd3!important;
}

html[data-theme="dark"] .site-footer .footer-brand-lockup,
html[data-theme="dark"] .site-footer .footer-contact-brief{
  color:#f3e8f5!important;
}

html[data-theme="dark"] .site-footer .footer-contact-line,
html[data-theme="dark"] .site-footer .site-footer__brand p,
html[data-theme="dark"] .site-footer .site-footer__bottom{
  color:#cfbdd3!important;
}

html[data-theme="dark"] .site-footer .footer-contact-brief h3,
html[data-theme="dark"] .site-footer .footer-contact-line>i,
html[data-theme="dark"] .site-footer .footer-contact-brief h3>i,
html[data-theme="dark"] .site-footer .site-footer__bottom a{
  color:#e8aab9!important;
}

html[data-theme="dark"] .site-footer .footer-trust a{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.12)!important;
}

@media(max-width:640px){
  .site-footer{
    padding-inline:16px!important;
    border-radius:0;
  }
}

/* v34: cleaner header icon treatment and expanded public navigation */
.site-header .desktop-navigation{
  gap:0!important;
}
.site-header .desktop-navigation>a,
.site-header .nav-dropdown__button{
  padding-inline:8px!important;
  gap:5px!important;
  font-size:.82rem!important;
}
.site-header .desktop-navigation>a>i:not(.fa-chevron-down),
.site-header .nav-dropdown__button>i:not(.fa-chevron-down),
.site-header .desktop-navigation>a .fa-svg-icon:not(.fa-chevron-down),
.site-header .nav-dropdown__button .fa-svg-icon:not(.fa-chevron-down){
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#d8c6e6!important;
  font-size:.84rem!important;
}
.site-header .desktop-navigation>a:hover>i:not(.fa-chevron-down),
.site-header .desktop-navigation>a.active>i:not(.fa-chevron-down),
.site-header .nav-dropdown__button:hover>i:not(.fa-chevron-down),
.site-header .nav-dropdown__button.active>i:not(.fa-chevron-down),
.site-header .desktop-navigation>a:hover .fa-svg-icon:not(.fa-chevron-down),
.site-header .desktop-navigation>a.active .fa-svg-icon:not(.fa-chevron-down),
.site-header .nav-dropdown__button:hover .fa-svg-icon:not(.fa-chevron-down),
.site-header .nav-dropdown__button.active .fa-svg-icon:not(.fa-chevron-down){
  background:transparent!important;
  border:0!important;
  color:#fff!important;
}

/* v34: wider trust/payment area while keeping the footer full width */
.site-footer .site-footer__main{
  grid-template-columns:minmax(0,1.2fr) minmax(250px,.82fr) minmax(190px,.55fr)!important;
}
.site-footer .footer-trust{
  display:grid!important;
  grid-template-columns:86px minmax(100px,1fr)!important;
  align-items:stretch!important;
  gap:10px!important;
}
@media(max-width:820px){
  .site-footer .site-footer__main{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)!important}
  .site-footer .footer-trust{grid-column:1/-1;width:min(100%,310px)!important;justify-self:center}
}
@media(max-width:640px){
  .site-footer .site-footer__main{grid-template-columns:1fr!important}
  .site-footer .footer-trust{grid-column:auto;width:min(100%,310px)!important}
}

/* v35: header spacing, readable login control, and uncropped flags */
.site-header .desktop-navigation{
  gap:3px!important;
}
.site-header .desktop-navigation>a,
.site-header .nav-dropdown__button{
  padding-inline:11px!important;
  gap:7px!important;
  white-space:nowrap;
}
.site-header .site-header__actions{
  gap:10px!important;
}
.site-header .language-trigger{
  padding-inline:12px!important;
  gap:9px!important;
}
.site-header .auth-button{
  padding-inline:17px!important;
}
html[data-theme="dark"] .site-header .auth-button{
  background:linear-gradient(135deg,#f7f1fa 0%,#eadcf2 100%)!important;
  border-color:rgba(255,255,255,.32)!important;
  color:#2b1737!important;
  box-shadow:0 9px 22px rgba(9,3,15,.28)!important;
}
html[data-theme="dark"] .site-header .auth-button i,
html[data-theme="dark"] .site-header .auth-button span{
  color:#2b1737!important;
}
html[data-theme="dark"] .site-header .auth-button:hover{
  background:#fff!important;
  color:#21102d!important;
}
.site-header .language-flag-img,
.language-flag-img{
  width:28px!important;
  height:18px!important;
  border-radius:3px!important;
  object-position:center!important;
}
@media(max-width:1260px) and (min-width:981px){
  .site-header .desktop-navigation>a,
  .site-header .nav-dropdown__button{
    padding-inline:8px!important;
    gap:5px!important;
    font-size:.79rem!important;
  }
  .site-header .site-header__actions{gap:7px!important}
}


/* v41: consistent logical alignment and clean flags */
.site-header .language-flag-img,.language-flag-img{border:0!important;outline:0!important;box-shadow:none!important}
.info-hero__copy,.section-heading,.article-page-header,.auth-form-head{text-align:start!important}
html[dir="rtl"] .info-hero__copy h1,html[dir="rtl"] .info-hero__copy h2,html[dir="rtl"] .section-heading h1,html[dir="rtl"] .section-heading h2,html[dir="rtl"] .auth-form-head{text-align:right!important}
html[dir="ltr"] .info-hero__copy h1,html[dir="ltr"] .info-hero__copy h2,html[dir="ltr"] .section-heading h1,html[dir="ltr"] .section-heading h2,html[dir="ltr"] .auth-form-head{text-align:left!important}
.auth-form .form-choice-fieldset{width:230px;max-width:100%;align-self:flex-start;gap:6px}
.auth-form .fixed-choice-selector{padding:4px;gap:4px;border-radius:14px}
.auth-form .fixed-choice-button{flex:0 0 107px;min-height:40px;padding:5px 9px;gap:6px!important;border-radius:10px;font-size:.78rem}
.auth-form .fixed-choice-button>i:first-of-type{font-size:.92rem}
.auth-form .fixed-choice-button .choice-check{font-size:.62rem}
.auth-input-row input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent);opacity:1}
@media(max-width:480px){.auth-form .form-choice-fieldset{width:100%}.auth-form .fixed-choice-button{flex:1 1 0}}


/* v50: explicit account sign-out action in header account menus. */
.site-header .panel-menu .account-logout-action{
  position:relative;
  margin-top:7px;
  padding-top:12px;
  border-top:1px solid color-mix(in srgb,var(--danger) 24%,var(--border));
  background:color-mix(in srgb,var(--danger) 9%,var(--surface));
  color:#a51d18!important;
}
.site-header .panel-menu .account-logout-action::before{
  content:"";
  position:absolute;
  inset-inline:10px;
  top:-8px;
  height:1px;
  background:color-mix(in srgb,var(--danger) 20%,transparent);
}
.site-header .panel-menu .account-logout-action i{
  color:#b42318!important;
}
.site-header .panel-menu .account-logout-action:hover,
.site-header .panel-menu .account-logout-action:focus-visible{
  background:#b42318!important;
  color:#fff!important;
}
.site-header .panel-menu .account-logout-action:hover i,
.site-header .panel-menu .account-logout-action:focus-visible i{
  color:#fff!important;
}
html[data-theme="dark"] .site-header .panel-menu .account-logout-action{
  background:rgba(255,107,99,.11);
  border-top-color:rgba(255,138,128,.24);
  color:#ffaaa3!important;
}
html[data-theme="dark"] .site-header .panel-menu .account-logout-action i{
  color:#ff8a80!important;
}
html[data-theme="dark"] .site-header .panel-menu .account-logout-action:hover,
html[data-theme="dark"] .site-header .panel-menu .account-logout-action:focus-visible{
  background:#b42318!important;
  color:#fff!important;
}