.theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0}.theme-choice{display:flex;flex-direction:column;gap:10px;text-align:right;border:2px solid var(--line);border-radius:15px;padding:17px;background:white;color:var(--ink);font:inherit}.theme-choice small{font-size:12px;color:var(--muted);line-height:1.8}.theme-choice.chosen{border-color:var(--p);box-shadow:0 0 0 2px var(--l)}.theme-swatches{display:flex;height:38px;border-radius:8px;overflow:hidden;width:100%}.theme-swatches i{flex:1}.theme-dialog{max-width:800px}.theme-choice:focus-visible{outline:3px solid var(--p);outline-offset:3px}@media(max-width:650px){.theme-choices{grid-template-columns:1fr}.theme-choice{padding:14px}.theme-swatches{height:24px}}@media print{.theme-dialog{display:none!important}}
@media screen{
html[data-portal-theme="taif-gold"]{--p:#4d247c;--d:#2b104b;--l:#f5f0f8;--ink:#241b30;--muted:#62586a;--line:#e8e1ec;--shadow:0 18px 50px #3018481c}
html[data-portal-theme="taif-gold"] body{background:#faf8fb}
html[data-portal-theme="taif-gold"] .top{color:#4d247c;background:linear-gradient(to left,#fffffff7,#fffffff0 40%,#ffffff0d 75%),url('https://taif-ex.com/wp-content/uploads/2026/07/Slider.png') center/cover}
html[data-portal-theme="taif-gold"] .top .brand{font-size:0;opacity:1;width:210px;max-width:70%;height:52px;background:url('https://taif-ex.com/wp-content/uploads/2026/07/Taif-Logo.png') right center/contain no-repeat}
html[data-portal-theme="taif-gold"] .top h1,html[data-portal-theme="taif-gold"] .top p{color:#4d247c;opacity:1}
html[data-portal-theme="taif-gold"] .brand-tag{background:#f0eaf6;color:#4d247c;border-color:#e8e1ec}
html[data-portal-theme="taif-gold"] .header-login{background:#4d247c;color:#fff}
html[data-portal-theme="taif-gold"] .nav a.active{background:#f0eaf6;color:#4d247c;box-shadow:inset 0 -3px #e2bd21}
html[data-portal-theme="taif-gold"] .btn:not(.danger):not(.secondary){background:#4d247c;color:#fff}
html[data-portal-theme="taif-gold"] .btn.secondary{background:#f5f0f8;color:#4d247c}
html[data-portal-theme="taif-gold"] .hero{background:linear-gradient(120deg,#fff,#f4eef8)}
html[data-portal-theme="taif-gold"] .rates-table th{background:#4d247c;color:#fff}
html[data-portal-theme="taif-gold"] .footer{background:linear-gradient(110deg,#2b104b,#4d247c);color:#fff}
html[data-portal-theme="ocean"]{--p:#135d85;--d:#103c59;--l:#eaf4fa;--ink:#173346;--muted:#526e80;--line:#d8e6ef;--shadow:0 16px 50px #17334612}
html[data-portal-theme="ocean"] body{background:#f7fbfe}
html[data-portal-theme="ocean"] .top{background:linear-gradient(125deg,#103c59,#2477a2);color:white}
html[data-portal-theme="ocean"] .header-login{background:#fff;color:#135d85}
html[data-portal-theme="ocean"] .btn:not(.danger):not(.secondary){background:#135d85;color:#fff}
html[data-portal-theme="ocean"] .btn.secondary,html[data-portal-theme="ocean"] .nav a.active{background:#eaf4fa;color:#103c59}
html[data-portal-theme="ocean"] .hero{background:linear-gradient(120deg,#fff,#eaf4fa)}
html[data-portal-theme="ocean"] .rates-table th{background:#103c59;color:#fff}
html[data-portal-theme="ocean"] .footer{color:#103c59}
}

/* Keep the Taif hero and original logo visible on the prices tab too. */
@media screen {
html[data-portal-theme="taif-gold"] body:has(#rates:not(.hidden)) .top{
background:linear-gradient(to left,#fffffff7,#fffffff0 40%,#ffffff0d 75%),url('https://taif-ex.com/wp-content/uploads/2026/07/Slider.png') center/cover;
color:#4d247c;border-bottom-color:#e8e1ec;padding-top:38px;padding-bottom:30px
}
html[data-portal-theme="taif-gold"] body:has(#rates:not(.hidden)) .top h1{font-size:clamp(25px,4vw,38px);margin:14px 0 8px;color:#4d247c}
html[data-portal-theme="taif-gold"] body:has(#rates:not(.hidden)) .top p{font-size:14px;color:#4d247c}
html[data-portal-theme="taif-gold"] body:has(#rates:not(.hidden)) .brand-tag{background:#f0eaf6;border-color:#e8e1ec;color:#4d247c}
html[data-portal-theme="taif-gold"] body:has(#rates:not(.hidden)) .top .brand{width:210px;max-width:70%;height:52px;background:url('https://taif-ex.com/wp-content/uploads/2026/07/Taif-Logo.png') right center/contain no-repeat}
html[data-portal-theme="taif-gold"] #rates .rates-brand{background:#fff}
html[data-portal-theme="taif-gold"] #rates .rates-brand::before{content:"";display:block;width:210px;max-width:100%;height:52px;background:url('https://taif-ex.com/wp-content/uploads/2026/07/Taif-Logo.png') right center/contain no-repeat}
html[data-portal-theme="taif-gold"] #rates .rates-wordmark{display:none}
html[data-portal-theme="taif-gold"] #rates .rates-brand-ar{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media screen and (max-width:650px){
html[data-portal-theme="taif-gold"] body:has(#rates:not(.hidden)) .top{padding-top:28px;background-position:30% center}
html[data-portal-theme="taif-gold"] body:has(#rates:not(.hidden)) .top p{font-size:12px}
}