/*
Theme Name: JONIX Arabia Review
Template: twentytwentyfive
Version: 0.2.0
Description: Local review child theme with separate editable Arabic and English template parts.
Text Domain: jonix-review
*/
:root{--jx-ink:#102b3a;--jx-teal:#147e83;--jx-sky:#bde6e2;--jx-bg:#f0f6f5}body{color:var(--jx-ink);font-family:Arial,system-ui,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}.wp-site-blocks{overflow:hidden}.site-header{background:white;border-bottom:1px solid #e1eae8;padding:19px max(24px,calc((100% - 1180px)/2))!important}.site-header .wp-block-group{margin:0}.site-header .wp-block-site-title a{text-decoration:none;font-weight:800;letter-spacing:.12em;font-size:22px;color:#102b3a}.site-header .wp-block-navigation{font-size:13px;font-weight:650}.site-header .wp-block-navigation__responsive-container.is-menu-open{padding:28px;background:white!important}.pll-language-switcher{font-size:13px}.intro{background:#102b3a;color:#fff;padding:88px max(24px,calc((100% - 1180px)/2))!important;margin:0!important}.intro h1{font-size:clamp(42px,5.2vw,68px);line-height:1.12;letter-spacing:-.035em;margin:10px 0 24px}.intro p{color:#cee0e3;font-size:18px;max-width:620px}.intro .eyebrow,.eyebrow{font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;font-weight:bold;color:#69c7c5!important}.intro img{max-height:430px;object-fit:cover;border-radius:120px 4px 4px 4px;width:100%}.intro .wp-block-column{align-self:center}.content-section{padding:68px max(24px,calc((100% - 1180px)/2))!important;margin:0!important}.content-section h2{font-size:clamp(30px,3.4vw,45px);line-height:1.2;letter-spacing:-.02em}.tint{background:#f0f6f5}.dark-section{background:#16465a;color:white}.dark-section p{color:#d7e8e8}.card{border:1px solid #dbe8e6;background:#fff;padding:22px!important;border-radius:4px;height:100%}.card h3{font-size:22px;line-height:1.25;margin:12px 0}.card p{font-size:14px;color:#516d75}.card img{width:100%;height:180px;object-fit:contain}.wp-block-columns{gap:24px}.product-intro img{height:300px;object-fit:contain}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;min-width:540px}.wp-block-table td,.wp-block-table th{border:0;border-bottom:1px solid #d6e5e3;padding:12px;text-align:start;font-size:14px}.wp-block-table th{font-size:12px;letter-spacing:.03em;background:#e8f2f0}.note{border-inline-start:4px solid #67bbb6;padding:14px 18px;background:#eaf4f2;font-size:14px}.warn{background:#fff5df;border-inline-start-color:#d4a042}.doc-list li{margin-bottom:12px}.wp-block-button__link{background:#136a76;color:#fff;border-radius:3px;padding:13px 20px;font-size:14px;font-weight:bold}.intro .wp-block-button__link{background:#bde6e2;color:#102b3a}.site-footer{background:#102b3a;color:white;padding:55px max(24px,calc((100% - 1180px)/2))!important;margin:0!important}.site-footer p{color:#c1d6d8}.site-footer a{color:white}.review-banner{background:#d9eeeb;color:#173e42;text-align:center;font-size:12px;font-weight:700;padding:8px 20px!important;margin:0!important}html[dir=rtl] .intro h1,html[dir=rtl] .content-section h2{letter-spacing:0}html[dir=rtl] .intro img{border-radius:4px 120px 4px 4px}.wp-block-post-content{margin:0!important}.wp-block-group.is-layout-constrained>*{max-width:100%}@media(max-width:781px){.intro{padding-top:55px!important;padding-bottom:55px!important}.intro img{max-height:260px}.content-section{padding-top:48px!important;padding-bottom:48px!important}.site-header .wp-block-navigation__responsive-container.is-menu-open{padding:24px}.wp-block-columns{gap:20px!important}.card img{height:190px}}


/* JONIX premium system and responsive product media */
:root{--jx-ink:#09283d;--jx-navy:#071b31;--jx-cyan:#35d8eb;--jx-bg:#f4f8fb}
body{color:var(--jx-ink);font-family:Arial,"Segoe UI",Tahoma,system-ui,sans-serif;line-height:1.7}
.site-header{background:#fff;border-bottom:1px solid #e1ebf1;box-shadow:0 3px 16px rgba(7,27,49,.04)}
.site-header .wp-block-site-title a{color:#09283d;font-size:clamp(20px,2vw,24px);letter-spacing:.09em}
.site-header .wp-block-navigation{font-size:14px;font-weight:650}
.site-header .wp-block-navigation a:hover,.site-header .wp-block-navigation a:focus-visible{color:#087c91}
.site-header .wp-block-navigation__responsive-container.is-menu-open{background:#fff!important}
.intro{position:relative;isolation:isolate;background:radial-gradient(ellipse at 70% 20%,rgba(53,216,235,.15),transparent 45%),linear-gradient(120deg,#071b31,#0b354d);padding-top:clamp(60px,7vw,96px)!important;padding-bottom:clamp(60px,7vw,96px)!important}
.intro h1{font-size:clamp(38px,5vw,68px);font-weight:750;line-height:1.12}
.intro p{color:#d6e7ef}
.intro .eyebrow,.eyebrow{color:#58dceb!important;letter-spacing:.12em}
.intro:not(:has(+ .product-intro)) .wp-block-image img{border-radius:22px}
.content-section{padding-top:clamp(52px,6vw,88px)!important;padding-bottom:clamp(52px,6vw,88px)!important}
.content-section h2{color:#09283d;font-weight:750}
.tint{background:#f4f8fb}
.dark-section{background:#09283d;color:#fff}
.dark-section h2{color:#fff}
.card{box-sizing:border-box;border:1px solid #e2edf3;border-radius:16px;background:#fff;padding:24px!important;box-shadow:0 10px 30px rgba(7,27,49,.055);transition:transform .22s ease,box-shadow .22s ease}
.card h3{color:#09283d;font-weight:750}
.card p{color:#4b6677}
.card a{color:#086c88;text-underline-offset:.22em}
.card .wp-block-image,.jx-product-media{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:clamp(170px,19vw,220px);width:100%;padding:14px;margin:0 0 18px;background:#f7fafc;border-radius:12px;overflow:visible}
.card .wp-block-image img,.jx-product-media img{display:block;width:auto;height:auto;max-width:100%;max-height:200px;object-fit:contain;border-radius:0;margin:auto}
.intro:has(+ .product-intro) .wp-block-image{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:clamp(220px,30vw,400px);width:100%;padding:clamp(16px,3vw,30px);margin:0;background:#f4f8fb;border:1px solid rgba(255,255,255,.4);border-radius:20px;overflow:visible}
.intro:has(+ .product-intro) .wp-block-image img,.product-intro .wp-block-image img{display:block;width:auto;height:auto;max-width:100%;max-height:clamp(210px,36vw,400px);object-fit:contain;border-radius:0;margin:auto}
.wp-block-button__link{background:#09283d;color:#fff;border-radius:8px;padding:14px 22px;font-weight:700;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.intro .wp-block-button__link{background:#35d8eb;color:#071b31}
.wp-block-button__link:hover{background:#12627a;color:#fff;box-shadow:0 8px 20px rgba(7,27,49,.18)}
.intro .wp-block-button__link:hover{background:#8feaf3;color:#071b31}
a:focus-visible,button:focus-visible{outline:3px solid #16a8bd;outline-offset:3px}
.note{border-inline-start-color:#35b7c7;background:#edf7fa;color:#203e4f;border-radius:6px}
.warn{background:#fff5df;border-inline-start-color:#d4a042}
.site-footer{background:#071b31;color:#fff;border-top:3px solid #35d8eb}
.site-footer p{color:#ccdae5}
.review-banner{background:#eaf7f8;color:#153f4c}
@media(hover:hover){.card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(7,27,49,.11)}.wp-block-button__link:hover{transform:translateY(-2px)}}
@media(max-width:781px){.intro{padding-top:48px!important;padding-bottom:48px!important}.intro:has(+ .product-intro) .wp-block-image{min-height:200px;padding:18px}.intro:has(+ .product-intro) .wp-block-image img,.product-intro .wp-block-image img{max-height:280px}.card .wp-block-image,.jx-product-media{min-height:175px}.card .wp-block-image img,.jx-product-media img{max-height:190px}.site-header .wp-block-navigation__responsive-container.is-menu-open{padding:24px}}
@media(prefers-reduced-motion:reduce){.card,.wp-block-button__link{transition:none!important}.card:hover,.wp-block-button__link:hover{transform:none!important}}


/* JONIX dark visual polish */
:root{--jx-navy:#071b2b;--jx-deep:#0d293d;--jx-teal:#123b4a;--jx-cyan:#46d8e0;--jx-champagne:#c6a779}
.site-header{background:linear-gradient(115deg,#071b2b,#123b4a);border-bottom:1px solid rgba(198,167,121,.38);box-shadow:0 5px 22px rgba(3,17,28,.2)}
.site-header .wp-block-site-title a,.site-header .wp-block-navigation a,.site-header .pll-switcher a,.site-header .wp-block-navigation__responsive-container-open,.site-header .wp-block-navigation__responsive-container-close{color:#f4f8fc}
.site-header .wp-block-navigation a,.site-header .pll-switcher a{transition:color .3s ease,text-decoration-color .3s ease}
.site-header .wp-block-navigation a:hover,.site-header .wp-block-navigation a:focus-visible,.site-header .pll-switcher a:hover{color:#81e5e8;text-decoration:underline;text-decoration-color:#46d8e0;text-underline-offset:.4em}
.site-header .wp-block-navigation__responsive-container.is-menu-open{background:#071b2b!important;color:#f4f8fc!important}
.review-banner{background:#0d293d;color:#f4f8fc;border-bottom:1px solid rgba(198,167,121,.28)}
.intro{background:radial-gradient(ellipse at 76% 18%,rgba(70,216,224,.16),transparent 43%),radial-gradient(ellipse at 18% 88%,rgba(198,167,121,.1),transparent 42%),linear-gradient(120deg,#071b2b,#123b4a);color:#f4f8fc}
.intro h1{color:#f4f8fc}
.intro p{color:#d9e9ed}
.intro .eyebrow,.eyebrow{color:#46d8e0!important}
.content-section:not(.tint):not(.dark-section){background:linear-gradient(145deg,#f7fafb,#e8f1f2)}
.content-section.tint{background:radial-gradient(ellipse at 85% 5%,rgba(70,216,224,.11),transparent 40%),linear-gradient(135deg,#071b2b,#123b4a);color:#f4f8fc;border-block:1px solid rgba(198,167,121,.18)}
.content-section.tint h2,.content-section.tint h3{color:#f4f8fc}
.content-section.tint p{color:#cfe0e5}
.content-section.tint .card{background:linear-gradient(145deg,#15394a,#0d293d);border-color:rgba(198,167,121,.3);box-shadow:0 12px 30px rgba(2,13,23,.28)}
.content-section.tint .card p{color:#cfdee4}
.content-section.tint .card a{color:#91eef0}
.content-section.tint .card .wp-block-image{background:#f4f8fc}
.dark-section{background:linear-gradient(120deg,#0d293d,#123b4a)}
.card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.card .wp-block-image img,.jx-product-media img,.intro:has(+ .product-intro) .wp-block-image img{transition:transform .3s ease;transform-origin:center;object-fit:contain}
.wp-block-button__link{transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease}
.wp-block-button__link:hover{background:#18566a;box-shadow:0 8px 24px rgba(18,59,74,.3)}
.intro .wp-block-button__link{background:#46d8e0;color:#071b2b}
.intro .wp-block-button__link:hover{background:#a0edf0;color:#071b2b}
.site-footer{background:linear-gradient(110deg,#071b2b,#123b4a);border-top:1px solid rgba(198,167,121,.55)}
@media (hover:hover){.card:hover{transform:translateY(-4px);border-color:rgba(70,216,224,.8);box-shadow:0 16px 36px rgba(2,18,30,.26),0 0 0 1px rgba(70,216,224,.16)}
.card:hover .wp-block-image img,.jx-product-media:hover img,.intro:has(+ .product-intro) .wp-block-image:hover img{transform:scale(1.05)}
.wp-block-button__link:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.card,.card .wp-block-image img,.jx-product-media img,.intro:has(+ .product-intro) .wp-block-image img,.wp-block-button__link,.site-header a{transition:none!important}.card:hover,.card:hover .wp-block-image img,.jx-product-media:hover img,.intro:has(+ .product-intro) .wp-block-image:hover img,.wp-block-button__link:hover{transform:none!important}}


/* Navigation contrast and background continuity */
.wp-site-blocks{background:#071b2b}
.site-header .wp-block-navigation{color:#f4f8fc}
.site-header .wp-block-navigation .wp-block-navigation-item__content{color:#f4f8fc}
.site-header .wp-block-navigation .wp-block-navigation-item__content:hover,.site-header .wp-block-navigation .wp-block-navigation-item__content:focus-visible{color:#81e5e8}

@media (hover:hover){.content-section.tint .card:hover{border-color:rgba(70,216,224,.8)}}
/* White product-image frames */
.card .wp-block-image,.content-section.tint .card .wp-block-image,.jx-product-media,.intro:has(+ .product-intro) .wp-block-image{background:#fff}