/*
Theme Name: J-A Host
Theme URI: https://host.j-a.sa
Author: J-A
Description: Bilingual Arabic/English hosting storefront theme designed for GoDaddy Reseller Store.
Version: 1.2.0
Requires at least: 6.2
Requires PHP: 8.1
Text Domain: ja-host
License: GPL-2.0-or-later
*/
:root{--bg:#f6f8fb;--ink:#12213c;--muted:#64748b;--accent:#1266d6;--deep:#101f3c;--card:#fff;--line:#dce4ee;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:850}.brand-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--deep);color:#fff}.nav-links{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.nav-links a{font-size:14px;font-weight:650}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;background:var(--accent);color:#fff;border:0;border-radius:11px;font-weight:750;cursor:pointer}.btn:hover{background:#0952b3;color:#fff}.btn-outline{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn-outline:hover{background:#eef3fa;color:var(--ink)}.lang{font-size:13px;border:1px solid var(--line);border-radius:9px;padding:8px 11px}.hero{background:radial-gradient(ellipse at 75% 5%,#294a83 0%,transparent 48%),linear-gradient(135deg,#101d37,#172e54);color:#fff;padding:95px 0 88px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px}.eyebrow{color:#7cb6ff;font-weight:750;letter-spacing:.07em;font-size:13px}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.15;margin:18px 0}.hero p{font-size:18px;color:#d3dfed;max-width:600px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.hero-visual{padding:28px;border:1px solid #557199;border-radius:24px;background:linear-gradient(150deg,#29487599,#0c1936bb);box-shadow:0 30px 70px #0003}.visual-top{display:flex;gap:7px;margin-bottom:25px}.visual-top span{width:9px;height:9px;border-radius:50%;background:#8ca8d1}.server-row{background:#ffffff15;border:1px solid #ffffff25;border-radius:12px;padding:17px;margin:12px 0;display:flex;justify-content:space-between}.dot{color:#5de6af}.domain-wrap{margin-top:35px;padding:22px;background:#fff;color:var(--ink);border-radius:18px;box-shadow:0 20px 50px #0002}.domain-wrap h3{margin:0 0 10px}.domain-wrap .rstore-domain-search{min-height:65px}.section{padding:75px 0}.section-head{text-align:center;margin-bottom:34px}.section-head h2{font-size:clamp(27px,3vw,40px);line-height:1.3;margin:0 0 12px}.section-head p,.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px #152f4b08}.card h3{font-size:21px;margin:14px 0 8px}.card p{color:var(--muted)}.card .symbol{width:48px;height:48px;display:grid;place-items:center;background:#e9f1ff;border-radius:14px;font-size:25px}.card .btn{margin-top:12px}.pill{display:inline-block;background:#e6f0ff;color:#1457ac;padding:5px 11px;border-radius:99px;font-size:12px;font-weight:800}.feature-band{background:#eaf1fa}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature{padding:20px}.feature strong{display:block;margin:10px 0}.page-hero{background:var(--deep);color:white;padding:55px 0}.page-hero h1{font-size:clamp(32px,4vw,50px);margin:0}.page-hero p{color:#d5dfed}.content-area{padding:55px 0;min-height:50vh}.content-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.notice{padding:16px;border:1px solid #b9d3f4;background:#edf5ff;border-radius:12px;color:#25456f;margin:15px 0}.site-footer{background:#0d1a30;color:#e5edf7;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.site-footer a{color:#c4d5ea}.footer-bottom{border-top:1px solid #34435a;margin-top:35px;padding-top:20px;color:#9cacc5;font-size:13px}.menu-toggle{display:none}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}.skip-link:focus{clip:auto;position:fixed;z-index:999;top:10px;left:10px;background:white;padding:12px}input,select,textarea{max-width:100%}img{max-width:100%;height:auto}body.admin-bar .site-header{top:32px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.cards,.product-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 12px 22px #0001}.nav-links.open{display:flex;flex-direction:column;align-items:stretch}.menu-toggle{display:inline-flex}}@media(max-width:620px){.cards,.product-grid,.features,.footer-grid{grid-template-columns:1fr}.hero{padding:65px 0}.hero-visual{display:none}.container{width:min(100% - 28px,1180px)}.card{padding:22px}.nav-actions .btn{display:none}body.admin-bar .site-header{top:46px}}[dir=rtl] .nav-links{direction:rtl}[dir=rtl] .hero-visual{direction:ltr}[dir=rtl] .rstore-domain-search{direction:rtl}

/* Jumaat Alamal identity: artwork and palette adapted from supplied Illustrator guide */
:root{--bg:#f5f6f4;--ink:#102e32;--muted:#557074;--accent:#f4a32e;--deep:#102e32;--card:#ffffff;--line:#d9e1de;--radius:18px}
body{background:var(--bg);color:var(--ink)}
.site-header{background:#102e32;border-bottom:1px solid #315358;color:#fff}
.site-header .nav-links a,.site-header .lang{color:#fff}
.site-header .lang{border-color:#507077}
.site-header .btn-outline{color:#fff;border-color:#507077}
.site-header .btn-outline:hover{color:#102e32;background:#fff}
.brand-logo{display:block;width:auto;height:48px;max-width:min(245px,42vw);object-fit:contain}
.hero{background:radial-gradient(ellipse at 85% 10%,#316165 0%,transparent 48%),linear-gradient(135deg,#102e32,#193f43);color:#fff}
.eyebrow{color:#f4b34c}.btn{background:#f4a32e;color:#102e32}.btn:hover{background:#e99516;color:#102e32}
.btn-outline{background:transparent;border:1px solid #a8bdb9;color:#102e32}
.btn-outline:hover{background:#e9f0ee;color:#102e32}
.hero-visual{background:linear-gradient(150deg,#3e6866aa,#0c292fbb);border-color:#688988}
.domain-wrap{box-shadow:0 18px 50px #0a292b24}
.card .symbol{background:#e7efeb;color:#102e32}.pill{background:#e7efeb;color:#204b4b}
.feature-band{background:#e6eeeb}.site-footer{background:#102e32}.footer-bottom{border-color:#45666a}
.notice{border-color:#b2cfc6;background:#edf5f0;color:#244c4b}
.page-hero{background:#102e32}
@media(max-width:900px){.nav-links{background:#102e32}.nav-links a{color:#fff}}
@media(max-width:620px){.brand-logo{height:37px;max-width:190px}}

/* v1.2: GoDaddy category catalogue integration */
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0}
.catalog-card{display:flex;flex-direction:column;gap:12px;min-width:0}
.catalog-card h3{margin:0}.catalog-card p{flex:1;margin:0;color:var(--muted)}
.catalog-card .btn{align-self:flex-start}.catalog-image{display:block;overflow:hidden;border-radius:12px}
.catalog-image img{width:100%;height:165px;object-fit:contain;display:block}
@media(max-width:800px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}}