/* =========================================================
   MAZALLAT AL DIYAR — SAUDI PREMIUM THEME V19
   Palette: Petrol Blue + Sand Gold + Warm Ivory + Charcoal
   ========================================================= */

:root{
    --md-petrol:#123E4A;
    --md-petrol-2:#185769;
    --md-petrol-soft:#EAF0F1;
    --md-gold:#C89B5A;
    --md-gold-dark:#A97A3F;
    --md-sand:#E7D7BF;
    --md-ivory:#F8F6F1;
    --md-paper:#FFFEFB;
    --md-charcoal:#272522;
    --md-muted:#716B63;
    --md-border:#E7DED2;
    --md-shadow:0 10px 32px rgba(30,38,41,.08);
    --md-shadow-hover:0 16px 42px rgba(30,38,41,.13);
}

/* GLOBAL */
html{scroll-behavior:smooth}
body{
    background:var(--md-ivory)!important;
    color:var(--md-charcoal)!important;
    font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
}
a{transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
::selection{background:var(--md-gold);color:#fff}

/* wider premium canvas */
.container{width:min(1540px,94%)!important}
.home-layout{
    max-width:1740px!important;
    padding:0 28px!important;
    gap:28px!important;
    margin-top:28px!important;
}

/* TOP TICKER */
.top-bar{
    min-height:48px!important;
    padding:0!important;
    background:linear-gradient(90deg,#0F3440,#164D5C)!important;
    border-top:3px solid var(--md-gold)!important;
    box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)!important;
}
.zd-top-ticker-track{gap:42px!important;animation-duration:48s!important}
.zd-top-ticker-track span{
    font-size:13.5px!important;
    font-weight:700!important;
    letter-spacing:.05px;
    opacity:.97;
}
.zd-top-ticker-track span::after{
    color:#E6C790!important;
    opacity:.8!important;
    margin-right:32px!important;
}

/* MAIN HEADER */
.main-header{
    background:rgba(255,254,251,.98)!important;
    border-bottom:1px solid var(--md-border)!important;
    box-shadow:0 5px 22px rgba(37,40,41,.04)!important;
}
.main-nav{
    min-height:112px!important;
    gap:26px!important;
}
.site-brand{
    color:var(--md-charcoal)!important;
    gap:14px!important;
}
.brand-icon{
    width:54px!important;
    height:54px!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,var(--md-petrol-2),var(--md-petrol))!important;
    box-shadow:0 8px 22px rgba(18,62,74,.18)!important;
    font-size:25px!important;
}
.brand-text strong{
    color:var(--md-petrol)!important;
    font-size:30px!important;
    font-weight:900!important;
    letter-spacing:-.4px;
}
.brand-text small{
    color:#81776C!important;
    font-size:12.5px!important;
    margin-top:5px!important;
}

/* HEADER ICONS — elegant, restrained */
.zd-icon-row{
    align-items:flex-start!important;
    gap:10px!important;
}
.zd-icon-item{
    color:#514B44!important;
    gap:6px!important;
    min-width:58px!important;
}
.zd-icon-circle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border:1px solid rgba(255,255,255,.50)!important;
    box-shadow:0 5px 14px rgba(37,40,41,.09)!important;
}
.zd-icon-item:hover .zd-icon-circle{
    transform:translateY(-1px)!important;
    box-shadow:0 8px 20px rgba(37,40,41,.15)!important;
}
.zd-icon-label{
    font-size:9.5px!important;
    font-weight:800!important;
    color:#5C554D!important;
}
.zd-quote .zd-icon-circle,
.zd-warranty .zd-icon-circle,
.zd-after-sales .zd-icon-circle,
.zd-offers .zd-icon-circle{
    background:linear-gradient(145deg,#D4A763,#BE8D4A)!important;
}
.zd-phone .zd-icon-circle{
    background:linear-gradient(145deg,#236D7E,var(--md-petrol))!important;
}
.zd-wa .zd-icon-circle{background:#25D366!important}
.zd-social{min-width:43px!important}
.zd-social .zd-icon-circle{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    box-shadow:0 4px 10px rgba(37,40,41,.08)!important;
    filter:saturate(.92);
}
.zd-social .zd-icon-circle span{font-size:16px!important}
.zd-services-start::before{background:#E6DED3!important;top:5px!important;bottom:19px!important}
.zd-lang-switch{
    background:#F2ECE2!important;
    border:1px solid #E7D9C5!important;
    border-radius:999px!important;
    padding:7px 10px!important;
    gap:7px!important;
    margin-inline-start:10px!important;
    box-shadow:0 3px 12px rgba(30,38,41,.04)!important;
}
.zd-lang-switch a{color:var(--md-petrol)!important;font-size:11px!important}
.zd-lang-switch span{color:#C2AD8D!important}

/* SEARCH */
.top-search{margin-bottom:22px!important}
.top-search form{gap:10px!important}
.top-search input{
    border:1px solid var(--md-border)!important;
    border-radius:14px!important;
    background:var(--md-paper)!important;
    padding:15px 20px!important;
    color:var(--md-charcoal)!important;
    box-shadow:0 5px 18px rgba(32,38,40,.035)!important;
}
.top-search input:focus{
    outline:none!important;
    border-color:#CBA66E!important;
    box-shadow:0 0 0 4px rgba(200,155,90,.10)!important;
}
.top-search button{
    background:var(--md-petrol)!important;
    border-radius:14px!important;
    padding:0 34px!important;
    box-shadow:0 7px 18px rgba(18,62,74,.14)!important;
}
.top-search button:hover{background:var(--md-petrol-2)!important;transform:translateY(-1px)}

/* SIDEBAR */
.category-sidebar{
    background:#F3EFE8!important;
    border:1px solid var(--md-border)!important;
    border-radius:20px!important;
    padding:11px!important;
    box-shadow:var(--md-shadow)!important;
    overflow:hidden!important;
}
.category-sidebar-title{
    background:linear-gradient(135deg,var(--md-petrol),#1B5A69)!important;
    color:#fff!important;
    border-radius:14px!important;
    margin:0 0 12px!important;
    padding:18px 16px!important;
    font-size:24px!important;
    letter-spacing:.1px!important;
}
.category-sidebar-link{
    background:rgba(255,255,255,.82)!important;
    border:1px solid #E8E0D5!important;
    color:#3B3834!important;
    border-radius:12px!important;
    margin:7px 2px!important;
    padding:14px 15px!important;
    font-size:15.5px!important;
    box-shadow:none!important;
}
.category-sidebar-link:hover{
    background:var(--md-petrol)!important;
    color:#fff!important;
    border-color:var(--md-petrol)!important;
    transform:translateX(-2px)!important;
    box-shadow:0 7px 18px rgba(18,62,74,.12)!important;
}
.category-sidebar-children{
    border-right-color:#D9C5A6!important;
}
html[dir="ltr"] .category-sidebar-children{
    border-right:0!important;
    border-left:3px solid #D9C5A6!important;
    padding-right:0!important;
    padding-left:14px!important;
}

/* HERO / SLIDER */
.home-slider{
    border-radius:22px!important;
    box-shadow:0 16px 46px rgba(27,37,40,.15)!important;
    border:1px solid rgba(255,255,255,.5)!important;
}
.slider-container{height:530px!important}
.slider-slide::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(15,29,32,.05) 0%,rgba(15,29,32,.12) 35%,rgba(13,31,36,.42) 68%,rgba(10,27,31,.74) 100%)!important;
}
.slider-content{
    right:70px!important;
    width:52%!important;
    max-width:670px!important;
    color:#fff!important;
}
html[dir="ltr"] .slider-content{
    right:auto!important;
    left:70px!important;
    text-align:left!important;
}
.slider-title{
    color:#fff!important;
    font-size:clamp(30px,3vw,48px)!important;
    font-weight:900!important;
    line-height:1.35!important;
    text-shadow:0 4px 18px rgba(0,0,0,.38)!important;
}
.slider-description{
    color:rgba(255,255,255,.92)!important;
    font-size:16.5px!important;
    line-height:1.9!important;
    max-width:590px!important;
}
.slider-cta{
    background:linear-gradient(145deg,#D1A15C,#B98645)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:999px!important;
    padding:12px 25px!important;
    box-shadow:0 9px 24px rgba(0,0,0,.18)!important;
}
.slider-cta:hover{background:#A97A3F!important;transform:translateY(-2px)!important}
.slider-arrow{
    width:46px!important;
    height:46px!important;
    background:rgba(15,44,51,.45)!important;
    border-color:rgba(255,255,255,.38)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.14)!important;
}
.slider-arrow:hover{background:var(--md-gold-dark)!important}
.slider-dot.active{background:var(--md-gold)!important}

/* SECTION HEADINGS */
.section-blue-title,
.main-category-title{
    background:linear-gradient(135deg,var(--md-petrol),#1A5867)!important;
    color:#fff!important;
    border-radius:14px!important;
    min-height:62px!important;
    padding:14px 20px!important;
    box-shadow:0 8px 22px rgba(18,62,74,.10)!important;
    position:relative!important;
    overflow:hidden!important;
}
.section-blue-title::after,
.main-category-title::after{
    content:"";
    position:absolute;
    inset-inline-start:0;
    top:0;
    bottom:0;
    width:4px;
    background:var(--md-gold);
}
.section-blue-title strong,
.main-category-title strong{font-size:22px!important}
.view-all-link{color:#F2D7A9!important;font-weight:800!important}
.view-all-link:hover{color:#fff!important}

/* CARDS */
.article-card,
.subcategory-card,
.service-card,
.card,
.offer-card{
    background:var(--md-paper)!important;
    border:1px solid var(--md-border)!important;
    border-radius:18px!important;
    box-shadow:0 8px 26px rgba(30,38,41,.055)!important;
    overflow:hidden!important;
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.article-card:hover,
.subcategory-card:hover,
.service-card:hover,
.offer-card:hover{
    transform:translateY(-5px)!important;
    box-shadow:var(--md-shadow-hover)!important;
    border-color:#DCC6A5!important;
}
.article-card img,
.subcategory-card img,
.service-card img{transition:transform .5s ease!important}
.article-card:hover img,
.subcategory-card:hover img,
.service-card:hover img{transform:scale(1.035)!important}
.article-card-body{padding:19px!important}
.article-card-body h3 a,
.subcategory-card h3 a{color:var(--md-petrol)!important}
.article-card-body p,
.subcategory-card p{color:var(--md-muted)!important}
.article-category{color:var(--md-gold-dark)!important;font-weight:800!important}
.subcategory-explore{color:var(--md-gold-dark)!important}

/* HOME NEWS / WELCOME */
.home-news-bar{
    border-radius:14px!important;
    box-shadow:0 7px 22px rgba(30,38,41,.07)!important;
}
.news-label{
    background:var(--md-gold)!important;
    color:#2F2A24!important;
}
.news-message{
    background:var(--md-petrol)!important;
    color:#fff!important;
}
.welcome-banner{
    background:linear-gradient(135deg,#173F4C,#235D6A)!important;
    border-radius:16px!important;
    box-shadow:0 8px 26px rgba(18,62,74,.10)!important;
}
.welcome-icon{background:var(--md-gold)!important;border-radius:50%!important;color:#fff!important}

/* GENERIC BUTTONS */
.btn,
.q-submit,
.zd-q-submit,
.zd-info-action,
.zd-chat-send{
    background:var(--md-petrol)!important;
    border-radius:12px!important;
    box-shadow:0 7px 18px rgba(18,62,74,.12)!important;
}
.btn:hover,
.q-submit:hover,
.zd-q-submit:hover,
.zd-info-action:hover,
.zd-chat-send:hover{background:var(--md-petrol-2)!important;transform:translateY(-1px)!important}

/* POPUPS / FORMS */
.zd-quote-modal,
.zd-info-modal,
.zd-chat-box,
.zd-wa-box{
    border-radius:22px!important;
    border:1px solid rgba(231,222,210,.8)!important;
    box-shadow:0 24px 70px rgba(25,33,35,.24)!important;
}
.zd-quote-head,
.zd-info-head,
.zd-chat-head,
.zd-wa-head{
    background:var(--md-petrol)!important;
    color:#fff!important;
    border-bottom:0!important;
}
.zd-quote-head h3,
.zd-info-head h3{color:#fff!important}
.zd-chat-body,
.zd-wa-body{background:#F3EFE8!important}
.zd-chat-bubble,
.zd-wa-message{border:1px solid #E9E0D4!important}
.zd-info-highlight,
.q-note{background:#F5EFE6!important;border-color:#E3D2B8!important;color:#65513A!important}
.zd-chat-launcher{
    background:linear-gradient(145deg,var(--md-petrol-2),var(--md-petrol))!important;
    box-shadow:0 10px 28px rgba(18,62,74,.25)!important;
}

/* FOOTER */
.new-site-footer{
    background:linear-gradient(150deg,#102F38,#0B252C)!important;
    color:#fff!important;
    margin-top:56px!important;
    border-top:4px solid var(--md-gold)!important;
}
.footer-column h3{color:#F0D5A6!important}
.footer-column p,
.footer-links a{color:#D9E2E2!important}
.footer-links a:hover{color:#F0D5A6!important}
.footer-news{background:#173F4C!important}
.footer-news-label{background:var(--md-gold)!important;color:#2A2926!important}
.footer-bottom{border-top-color:rgba(255,255,255,.10)!important;color:#C8D4D5!important}

/* ARTICLES / CONTENT */
.article{
    background:var(--md-paper)!important;
    border:1px solid var(--md-border)!important;
    border-radius:20px!important;
    box-shadow:var(--md-shadow)!important;
}
.article h1,.article h2,.article h3{color:var(--md-petrol)!important}

/* RESPONSIVE */
@media(max-width:1280px){
    .container{width:min(1220px,94%)!important}
    .home-layout{padding:0 20px!important}
}
@media(max-width:1000px){
    .main-nav{padding:10px 0!important}
    .brand-text strong{font-size:26px!important}
    .slider-container{height:470px!important}
    .slider-content{right:40px!important;width:65%!important}
    html[dir="ltr"] .slider-content{left:40px!important;right:auto!important}
}
@media(max-width:768px){
    .top-bar{min-height:44px!important}
    .home-layout{padding:0 12px!important;margin-top:16px!important}
    .category-sidebar{border-radius:16px!important}
    .slider-container{height:430px!important}
    .slider-content{right:22px!important;left:22px!important;width:auto!important}
    .slider-slide::after{background:linear-gradient(0deg,rgba(10,27,31,.78),rgba(10,27,31,.18))!important}
    .section-blue-title,.main-category-title{border-radius:12px!important}
    .zd-lang-switch{margin:4px auto!important}
}