/*
Theme Name: The Society Miami
Theme URI: https://the-society-miami.steevvado.chatgpt.site
Author: The Society Miami
Description: Premium theme for a luxury vehicle dealership. Includes featured inventory, direct calling and WhatsApp.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: the-society-miami
*/

:root {
  --black:#070706; --ink:#10100f; --gold:#caa24d; --gold-light:#efd889;
  --ivory:#f3efe5; --muted:#a8a49b; --line:rgba(218,184,103,.22);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.main-nav li{display:contents}
.site-header{position:absolute;z-index:20;top:18px;left:50%;width:min(1420px,94vw);height:92px;padding:0 22px 0 28px;display:grid;grid-template-columns:150px 1fr 230px;align-items:center;transform:translateX(-50%);border:1px solid rgba(239,216,137,.22);background:linear-gradient(110deg,rgba(7,7,6,.93),rgba(20,18,13,.82));box-shadow:0 18px 60px rgba(0,0,0,.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-header:before{content:"";position:absolute;left:28px;right:28px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}.brand{position:relative;z-index:2}.brand img{display:block;width:92px;height:74px;object-fit:cover}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(24px,3vw,52px);font-size:11px;text-transform:uppercase;letter-spacing:.2em}.main-nav a{position:relative;padding:37px 0 34px;transition:color .25s ease}.main-nav a:after{content:"";position:absolute;left:50%;bottom:25px;width:0;height:1px;background:var(--gold-light);transform:translateX(-50%);transition:width .25s ease}.main-nav a:hover,.main-nav a:focus{color:var(--gold-light)}.main-nav a:hover:after,.main-nav a:focus:after,.main-nav .current-menu-item>a:after{width:100%}.header-phone{display:flex;min-height:50px;padding:8px 16px;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(202,162,77,.7);background:rgba(202,162,77,.08);color:var(--gold-light);font-family:Georgia,"Times New Roman",serif;font-size:15px;letter-spacing:.06em;transition:background .25s,color .25s,border-color .25s}.header-phone span{margin-bottom:4px;color:#aaa69c;font-family:Arial,Helvetica,sans-serif;font-size:8px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.header-phone:hover{border-color:var(--gold-light);background:var(--gold);color:#111}.header-phone:hover span{color:#2b2417}.menu-toggle{display:none}
.hero{min-height:860px;height:100vh;position:relative;overflow:hidden;background:#050505}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{display:flex;align-items:center;background-position:center 54%;background-size:cover;background-repeat:no-repeat;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .9s ease,transform 6.5s ease,visibility .9s}.hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.94) 0%,rgba(3,3,3,.7) 42%,rgba(3,3,3,.08) 76%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 44%)}.hero-content{position:relative;z-index:2;width:min(760px,88vw);margin:70px 0 0 8vw}.eyebrow{color:var(--gold-light);letter-spacing:.25em;font-size:11px;font-weight:700}.hero h1{max-width:800px;margin:25px 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(62px,7.2vw,112px);line-height:.88;letter-spacing:-.055em;font-weight:400}.hero h1 em{color:var(--gold-light);font-weight:400}.hero-copy{max-width:520px;color:#d5d1c8;font-size:17px;line-height:1.8}.hero-actions,.contact-actions{display:flex;gap:14px;margin-top:36px}.button{min-width:178px;padding:17px 24px;display:inline-flex;justify-content:center;align-items:center;gap:25px;border:1px solid rgba(255,255,255,.28);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;transition:all .25s}.button.gold{background:var(--gold);border-color:var(--gold);color:#111}.button.gold:hover{background:var(--gold-light);border-color:var(--gold-light)}.button.ghost:hover{border-color:var(--gold);color:var(--gold-light)}.hero-detail{position:absolute;z-index:4;bottom:34px;left:8vw;right:5vw;display:flex;justify-content:space-between;color:#aaa69c;letter-spacing:.2em;font-size:9px}.slider-arrow{position:absolute;z-index:5;top:50%;width:52px;height:52px;margin-top:-26px;border:1px solid rgba(255,255,255,.35);background:rgba(5,5,5,.4);color:#fff;font-family:Georgia,serif;font-size:34px;line-height:1;cursor:pointer;transition:.25s}.slider-arrow:hover{background:var(--gold);border-color:var(--gold);color:#111}.slider-prev{left:24px}.slider-next{right:24px}.slider-dots{position:absolute;z-index:5;left:50%;bottom:34px;display:flex;gap:11px;transform:translateX(-50%)}.slider-dot{width:34px;height:3px;padding:0;border:0;background:rgba(255,255,255,.35);cursor:pointer;transition:.25s}.slider-dot.is-active{background:var(--gold-light);width:54px}
.intro{width:min(1240px,88vw);margin:auto;padding:120px 0 65px;display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:end}.intro h2,.experience h2,.contact h2{margin:15px 0 0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(42px,5.2vw,76px);line-height:1.04}.intro>p,.experience-copy>p,.contact>p{color:var(--muted);line-height:1.8;font-size:15px}
.car-grid{width:min(1380px,94vw);margin:0 auto 140px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.car-card{position:relative;height:520px;overflow:hidden;background:#171715}.car-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.car-card:hover img{transform:scale(1.045)}.car-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.94),transparent 62%)}.car-info{position:absolute;left:30px;bottom:30px;right:30px}.car-info p{margin:0 0 8px;color:var(--gold-light);font-size:10px;text-transform:uppercase;letter-spacing:.18em}.car-info h3{margin:0 0 24px;font-family:Georgia,serif;font-size:32px;font-weight:400}.car-info a{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(255,255,255,.35);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.card-number{position:absolute;top:25px;right:25px;font-size:10px;letter-spacing:.15em;color:rgba(255,255,255,.7)}
.experience{min-height:760px;display:grid;grid-template-columns:1.1fr .9fr;background:#0d0d0c}.experience-image{min-height:650px;background:center/cover}.experience-copy{padding:9vw 9vw 8vw 8vw}.experience-copy ul{list-style:none;padding:25px 0;margin:30px 0;border-top:1px solid var(--line)}.experience-copy li{padding:18px 0;border-bottom:1px solid var(--line);color:#d8d3c8}.experience-copy li span{color:var(--gold);margin-right:28px;font-size:10px}.text-link{color:var(--gold-light);text-transform:uppercase;font-size:11px;letter-spacing:.16em}.text-link span{margin-left:22px}
.contact{text-align:center;padding:150px 5vw;background:radial-gradient(circle at 50% 45%,#282014 0,#0b0b0a 48%)}.contact h2{max-width:900px;margin:18px auto}.contact-actions{justify-content:center}
.site-footer{min-height:140px;border-top:1px solid var(--line);padding:25px 5vw;display:grid;grid-template-columns:120px 1fr auto auto;gap:35px;align-items:center;color:#9b978f;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.site-footer img{width:95px;height:88px;object-fit:cover}.site-footer a{color:var(--gold-light)}
.floating-whatsapp{position:fixed;z-index:30;right:24px;bottom:22px;background:#d2ac58;color:#111;padding:13px 14px 13px 20px;display:flex;gap:15px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 12px 40px rgba(0,0,0,.4)}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){body.mobile-menu-open{overflow:hidden}.site-header{top:10px;width:calc(100% - 20px);height:76px;padding:0 16px 0 18px;display:flex;justify-content:space-between}.site-header:before{left:18px;right:18px}.brand{z-index:3}.brand img{width:72px;height:60px}.menu-toggle{position:relative;z-index:3;width:48px;height:46px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(239,216,137,.35);background:transparent;color:#fff;cursor:pointer}.menu-toggle-line{width:21px;height:1px;background:var(--gold-light);transition:transform .3s ease}.menu-open .menu-toggle-line:first-of-type{transform:translateY(4.5px) rotate(45deg)}.menu-open .menu-toggle-line:last-of-type{transform:translateY(-4.5px) rotate(-45deg)}.main-nav{position:fixed;z-index:2;top:-10px;left:-10px;width:calc(100% + 20px);height:100vh;padding:120px 9vw 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;background:linear-gradient(145deg,#070706 30%,#1c170e);opacity:0;visibility:hidden;transform:translateY(-15px);transition:opacity .3s,visibility .3s,transform .3s}.menu-open .main-nav{opacity:1;visibility:visible;transform:none}.main-nav a{width:100%;padding:20px 0;border-bottom:1px solid rgba(239,216,137,.16);font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8vw,48px);letter-spacing:0;text-transform:none}.main-nav a:after{left:0;bottom:-1px;transform:none}.main-nav a:hover:after,.main-nav a:focus:after{width:70px}.header-phone{z-index:3;min-height:44px;margin-left:auto;margin-right:10px;padding:6px 12px;font-size:12px}.header-phone span{display:none}.hero{min-height:740px}.hero-content{margin-left:7vw;margin-top:60px}.hero h1{font-size:clamp(55px,12vw,88px)}.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.28)),linear-gradient(0deg,rgba(0,0,0,.82),transparent)}.slider-arrow{top:auto;bottom:72px;width:44px;height:44px}.slider-prev{left:auto;right:76px}.slider-next{right:24px}.intro{grid-template-columns:1fr;gap:25px;padding:90px 0 50px}.car-grid{grid-template-columns:1fr 1fr}.car-card{height:440px}.experience{grid-template-columns:1fr}.experience-image{min-height:520px}.experience-copy{padding:80px 8vw}.site-footer{grid-template-columns:100px 1fr}}
@media(max-width:600px){.hero-slide{background-position:64% center}.hero-content{margin-top:10px}.hero h1{font-size:clamp(48px,14vw,72px);line-height:.92}.hero-copy{max-width:88%;font-size:15px}.hero-actions{flex-direction:column;width:min(330px,88%)}.hero-detail span:last-child{display:none}.slider-dots{left:7vw;bottom:34px;transform:none}.slider-arrow{bottom:82px}.car-grid{width:100%;grid-template-columns:1fr}.car-card{height:470px}.experience-image{min-height:430px}.contact{padding:110px 6vw}.contact-actions{flex-direction:column}.site-footer{text-align:center;grid-template-columns:1fr;gap:13px;padding:35px}.site-footer img{margin:auto}.floating-whatsapp span{display:none}}