/*
Theme Name: Stuttgart Auto Haven
Theme URI: https://stuttgartautozone.com
Author: Stuttgart AutoZone
Description: Premium multi-page WordPress theme for luxury automotive services. Fully Elementor compatible with gold accents and bilingual EN/AR support.
Version: 2.0.0
Text Domain: stuttgart-auto-haven
*/

/* ── Scrollbar ─────────────────────────────── */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#0a1012}
::-webkit-scrollbar-thumb{background:rgba(212,175,55,.5);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(212,175,55,.8)}

/* ── Base ──────────────────────────────────── */
html,body{background:#0a1012!important;color:#ede8dc!important}
body{font-family:'Inter','Noto Sans Arabic',sans-serif!important}
*{box-sizing:border-box}
a{text-decoration:none}

/* ── Glass header ──────────────────────────── */
.saz-glass{
    background:rgba(10,16,18,.85)!important;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(255,255,255,.05)
}

/* ── Gold gradient text ────────────────────── */
.text-gradient-gold{
    background:linear-gradient(135deg,#8B6914 0%,#E5C158 25%,#D4AF37 50%,#E5C158 75%,#8B6914 100%);
    background-size:200% auto;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text
}

/* ── Italia stripe ─────────────────────────── */
.italia-stripe{height:4px;border-radius:999px;overflow:hidden;display:flex}
.italia-stripe .ig{flex:1;background:#008C45}
.italia-stripe .iw{width:8px;background:#fff}
.italia-stripe .ir{flex:1;background:#CD212A}

/* ── Cards ─────────────────────────────────── */
.saz-card{
    background:linear-gradient(145deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.01) 100%);
    border:1px solid rgba(255,255,255,.06);
    transition:all .5s ease
}
.saz-card:hover{
    border-color:rgba(212,175,55,.4);
    box-shadow:0 10px 40px -10px rgba(212,175,55,.3);
    transform:translateY(-4px)
}

/* ── Dot grid ──────────────────────────────── */
.dot-grid{
    background-image:radial-gradient(circle at 2px 2px,rgba(212,175,55,.12) 1px,transparent 0);
    background-size:40px 40px
}

/* ── Animations ────────────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0) translateX(-50%)}50%{transform:translateY(-14px) translateX(-50%)}}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}}
.animate-fade-up{animation:fadeUp .9s ease-out both}
.animate-float{animation:float 6s ease-in-out infinite}
.animate-ping{animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}

/* ── Page hero banners ─────────────────────── */
.saz-page-hero{
    padding:140px 0 80px;
    position:relative;
    overflow:hidden;
    min-height:320px;
    display:flex;
    align-items:center
}
.saz-page-hero-bg{position:absolute;inset:0}
.saz-page-hero-bg img{width:100%;height:100%;object-fit:cover}
.saz-page-hero-overlay{position:absolute;inset:0;background:rgba(10,16,18,.92)}

/* ── Lightbox ──────────────────────────────── */
#saz-lightbox{
    display:none;position:fixed;inset:0;z-index:99999;
    background:rgba(10,16,18,.97);align-items:center;
    justify-content:center;padding:1rem;flex-direction:column
}
#saz-lightbox.open{display:flex}
#saz-lightbox img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:12px}

/* ── Form inputs ───────────────────────────── */
.saz-input{
    width:100%;padding:14px 20px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.1);
    border-radius:12px;color:#ede8dc;
    font-family:'Inter',sans-serif;
    outline:none;transition:border-color .3s
}
.saz-input:focus{border-color:rgba(212,175,55,.5);box-shadow:0 0 0 1px rgba(212,175,55,.3)}
.saz-input::placeholder{color:rgba(255,255,255,.25)}
.saz-input option{background:#0a1012}

/* ── Elementor overrides ───────────────────── */
.elementor-section,.elementor-container{max-width:100%!important}
.e-con,.e-con-inner{background:transparent}
/* Make sure Elementor pages stay dark */
.elementor-page .entry-content,
.elementor-page #page,
.elementor-page main{background:#0a1012!important}

/* ── Responsive helpers ────────────────────── */
@media(max-width:767px){
    .saz-hide-mobile{display:none!important}
    .saz-page-hero{padding:120px 0 60px}
}
@media(min-width:768px){
    .saz-show-mobile-only{display:none!important}
	function enable_projects_rest_api() {
    global $wp_post_types;
    if (isset($wp_post_types['projects'])) {
        $wp_post_types['projects']->show_in_rest = true;
        $wp_post_types['projects']->rest_base = 'projects';
    }
}
add_action('init', 'enable_projects_rest_api', 25);
	
    ]);
});


}