/*
Theme Name:   Shoneez Hello Child
Theme URI:    https://shoneezinternational.com
Description:  Hello Elementor child theme for Shoneez International. Modern design with glassmorphism, smooth animations, and WCAG 2.1 AA compliance.
Author:       Shoneez International
Template:     hello-elementor
Version:      2.0.0
*/

/* ── Global ── */
body,.site-main{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    font-size:16px;line-height:1.7;color:#4A5568;background:#FFFFFF;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

h1,h2,h3,h4,h5,h6{font-family:'Cormorant Garamond',Georgia,serif;color:#1A2A3A;font-weight:600;line-height:1.2}
h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.625rem,4vw,2.25rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}

a{color:#3A8BBD;text-decoration:none;transition:color .25s ease}
a:hover,a:focus{color:#2D7AA8;text-decoration:underline}

/* ── Focus (WCAG) ── */
*:focus-visible{outline:3px solid #3A8BBD;outline-offset:3px;box-shadow:0 0 0 6px rgba(58,139,189,.2)}

/* ── Skip Link ── */
.skip-link{position:absolute;top:-100%;left:1rem;z-index:100000;background:#1A2A3A;color:#FFF;
    padding:.75rem 1.25rem;border-radius:12px;font-family:'DM Sans',sans-serif;font-size:.875rem;font-weight:600}
.skip-link:focus{top:1rem;color:#FFF;text-decoration:none}

/* ── Container ── */
.site-main .elementor-section.elementor-section-boxed>.elementor-container{max-width:1200px}

/* ── Header – Glassmorphism ── */
.site-header{background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(232,238,244,.6);transition:box-shadow .3s ease,background .3s ease;position:sticky;top:0;z-index:1000}
.site-header.scrolled{background:rgba(255,255,255,.95);box-shadow:0 4px 20px rgba(26,42,58,.08)}

/* ── Footer ── */
.site-footer{background:#1A2A3A;color:rgba(255,255,255,.8);padding:3rem 0 1.5rem}
.site-footer a{color:rgba(255,255,255,.8);transition:color .3s ease}
.site-footer a:hover{color:#3A8BBD}

/* ── Smooth scrollbar ── */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#F5F7FB}
::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#C0CCD8,#8899AA);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#8899AA}
::selection{background:#3A8BBD;color:#FFF}

/* ── Nav ── */
.snz-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}
.snz-nav-list li{position:relative}
.snz-nav-list a{display:inline-flex;align-items:center;padding:.5rem 1rem;font-family:'DM Sans',sans-serif;
    font-size:.9375rem;font-weight:500;color:#1A2A3A;text-decoration:none;border-radius:8px;
    transition:background .3s,color .3s,transform .2s;min-height:44px}
.snz-nav-list a:hover,.snz-nav-list .current-menu-item>a,.snz-nav-list .current_page_item>a{
    background:#E6F2F9;color:#3A8BBD;text-decoration:none;transform:translateY(-1px)}
.snz-nav-list .sub-menu{display:none;position:absolute;top:100%;left:0;background:rgba(255,255,255,.95);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px;
    box-shadow:0 12px 40px rgba(26,42,58,.12);padding:.5rem 0;min-width:220px;z-index:1000;list-style:none;
    border:1px solid rgba(232,238,244,.6)}
.snz-nav-list li:hover>.sub-menu,.snz-nav-list li:focus-within>.sub-menu{display:block}
.snz-nav-list .sub-menu a{padding:.5rem 1.25rem;font-size:.875rem;border-radius:0;width:100%}
@media(max-width:767px){
    .snz-nav-list{flex-direction:column;align-items:stretch;gap:0}
    .snz-nav-list .sub-menu{position:static;box-shadow:none;backdrop-filter:none;padding-left:1rem;border:none}
}

/* ── Elementor overrides ── */
.elementor-widget-heading .elementor-heading-title{font-family:'Cormorant Garamond',Georgia,serif;color:#1A2A3A}
.elementor-widget-text-editor{font-family:'DM Sans',sans-serif;color:#4A5568}
.elementor-button{font-family:'DM Sans',sans-serif !important;font-weight:600 !important;border-radius:12px !important;
    transition:all .35s cubic-bezier(.25,.46,.45,.94) !important;min-height:44px}
.elementor-button:hover{transform:translateY(-2px) !important;box-shadow:0 8px 32px rgba(58,139,189,.25) !important}

/* ── Motion, contrast, print ── */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;
    animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
@media(forced-colors:active){a{text-decoration:underline}.elementor-button{border:2px solid ButtonText}}
@media print{.site-header,.site-footer,.snz-modal{display:none !important}body{font-size:12pt;color:#000}a{color:#000;text-decoration:underline}}