/* ============================
   PRESTIGE SERVES — GLOBAL CSS
   CSS Variables, Reset, Nav,
   Buttons, Footer, Base
   ============================ */

:root{
  --bg-warm:#e8e6e1;
  --bg-white:#ffffff;
  --bg-dark:#0d0d0d;
  --navy:#2d3a52;
  --navy-hover:#1e293f;
  --text-dark:#1a1a1a;
  --text-body:#2e2e2e;
  --text-muted:#666;
  --accent-blue:#2d3a7c;
  --accent-gold:#c9a84c;
  --border:#d5d2cc;
  /* Primary type: Cormorant Garamond + Georgia fallback — one family sitewide */
  --serif:'Cormorant Garamond',Georgia,serif;
}

/* RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;overflow-x:hidden;}

/* TYPOGRAPHY
   300 = display headings (h1–h6 default) · 400 = body, nav, primary buttons
   500 = badges, labels, UI chrome · 600 = card / block titles, data table headers
   700 = footer column heads only (.footer-col h4) */
body{font-family:var(--serif);font-weight:400;color:var(--text-dark);background:var(--bg-white);line-height:1.6;overflow-x:hidden;}
input,textarea,select,optgroup,button{font-family:var(--serif);}
h1,h2,h3,h4,h5,h6{font-family:var(--serif);font-weight:300;}

/* NAV */
nav{position:sticky;top:0;z-index:1000;background:var(--bg-white);display:flex;align-items:center;justify-content:space-between;padding:0 52px;height:74px;box-shadow:0 1px 8px rgba(0,0,0,0.04);font-family:var(--serif);font-weight:400;}
.nav-brand{display:flex;align-items:center;gap:4px;text-decoration:none;color:var(--text-dark);font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:0.01em;cursor:pointer;}
.nav-brand:hover,.nav-brand:visited{color:var(--text-dark);}
.nav-brand img{flex-shrink:0;width:56px!important;height:56px!important;object-fit:contain;}
.nav-brand svg{width:26px;height:26px;opacity:0.65;}
.nav-links{display:flex;align-items:center;gap:34px;list-style:none;}
.nav-links a{text-decoration:none;color:var(--text-dark);font-size:15px;font-weight:400;letter-spacing:0.02em;transition:opacity 0.2s;cursor:pointer;border:none;background:none;font-family:var(--serif);padding:24px 12px;display:block;}
.nav-links a:hover{opacity:0.55;}
/* Active indicator without changing padding/border layout (avoids link jumping) */
.nav-links a.active{box-shadow:inset 0 -2px 0 var(--text-dark);}
.dropdown{position:relative;}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--bg-white);border:1px solid var(--border);min-width:180px;padding:4px 0;z-index:300;box-shadow:0 4px 20px rgba(0,0,0,0.08);margin-top:0;}
.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{display:block;}
.dropdown-menu a{display:block;padding:10px 18px;font-size:14px;line-height:1.35;color:var(--text-dark);text-decoration:none;cursor:pointer;}
.dropdown-menu a:hover{background:var(--bg-warm);opacity:1;}

/* PAGE ROUTING */
.page{display:none;}
.page.active{display:block;}

/* BUTTONS */
.btn-navy{display:inline-block;background:var(--accent-blue);color:#fff;padding:15px 44px;border-radius:100px;font-family:var(--serif);font-size:15px;font-weight:400;letter-spacing:0.06em;text-decoration:none;border:none;cursor:pointer;transition:background 0.2s;text-align:center;}
.btn-navy:hover{background:var(--navy-hover);}
.btn-outline{display:inline-block;background:transparent;color:var(--text-dark);padding:14px 44px;border-radius:100px;font-family:var(--serif);font-size:15px;font-weight:400;letter-spacing:0.04em;text-decoration:none;border:1.5px solid var(--text-dark);cursor:pointer;transition:all 0.2s;text-align:center;}
.btn-outline:hover{background:var(--text-dark);color:#fff;}

/* FOOTER */
footer{background:var(--bg-warm);padding:56px 72px 0;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:start;border-top:1px solid var(--border);}
.footer-brand-name{font-size:34px;font-weight:300;letter-spacing:-0.01em;margin-bottom:8px;}
.footer-tagline{font-size:13px;color:var(--text-muted);font-style:italic;}
.footer-calspro-badge{margin-top:20px;}
.footer-calspro-badge a{display:inline-block;line-height:0;background:transparent;opacity:0.95;transition:opacity 0.2s;}
.footer-calspro-badge a:hover{opacity:1;}
.footer-calspro-badge img{display:block;width:140px;height:auto;background:transparent;}
.footer-cols{display:grid;grid-template-columns:repeat(3,minmax(150px,auto));gap:48px;align-items:start;}
.footer-col h4{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:14px;color:var(--text-dark);}
.footer-col p,.footer-col a{font-size:14px;color:var(--text-muted);line-height:1.95;text-decoration:none;display:block;}
.footer-col a:hover{color:var(--text-dark);}
.page-legal-links{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:14px 0 24px;margin:0;border-top:1px solid var(--border);line-height:1.2;}
.footer-legal-nav{display:flex;align-items:center;flex-wrap:wrap;gap:0;}
.page-legal-links a{font-family:var(--serif);font-size:14px;color:var(--text-muted);text-decoration:none;letter-spacing:0.02em;}
.page-legal-links a:hover{color:var(--text-dark);}
.page-legal-sep{color:var(--border);margin:0 14px;font-size:14px;}
.footer-copyright{margin:0;font-size:14px;color:var(--text-muted);line-height:1.4;padding:0;white-space:nowrap;}

/* RESPONSIVE — TABLET */
@media(max-width:960px){
  nav{padding:0 28px;}
  .nav-links{gap:14px;}
  .nav-links a{font-size:13px;}
  .nav-hamburger{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:40px;
    height:40px;
    cursor:pointer;
    z-index:1001;
    background:none;
    border:none;
    padding:8px;
    gap:5px;
  }
  .nav-hamburger span{
    display:block;
    width:24px;
    height:2px;
    background:var(--text-dark);
    transition:all 0.3s ease;
  }
  .nav-hamburger.open span:nth-child(1){
    transform:rotate(45deg) translate(5px, 5px);
  }
  .nav-hamburger.open span:nth-child(2){
    opacity:0;
  }
  .nav-hamburger.open span:nth-child(3){
    transform:rotate(-45deg) translate(5px, -5px);
  }
  .nav-links{
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:var(--bg-white);
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding-top:80px;
    gap:0;
    z-index:1000;
    overflow-y:auto;
  }
  .nav-links.open{
    display:flex;
  }
  .nav-links li{
    width:100%;
    text-align:center;
  }
  .nav-links a{
    font-size:18px;
    padding:16px;
    border-bottom:1px solid var(--border);
    display:block;
    width:100%;
  }
  .nav-links a.active{
    border-bottom:1px solid var(--border);
    background:var(--bg-warm);
  }
  .dropdown-menu{
    position:static;
    box-shadow:none;
    border:none;
    min-width:100%;
    padding:0;
    display:none;
  }
  .dropdown.open .dropdown-menu,
  .dropdown-menu.open{
    display:block;
  }
  .dropdown > a {
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .dropdown-menu a{
    padding:14px 20px;
    font-size:15px;
    background:var(--bg-warm);
  }
  .dropdown-menu a:hover{
    background:#ddd;
  }
  footer{grid-template-columns:1fr;padding:40px 28px 0;gap:36px;}
  .footer-cols{grid-template-columns:repeat(3,1fr);gap:32px;}
}

/* RESPONSIVE — MOBILE */
@media(max-width:768px){
  /* NAV MOBILE */
  nav{
    padding:0 20px;
    height:auto;
    min-height:64px;
    flex-wrap:wrap;
  }
  .nav-brand{
    font-size:18px;
    z-index:1001;
  }
  .nav-brand img{
    width:60px !important;
    height:60px !important;
  }
  .nav-hamburger{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:44px;
    height:44px;
    cursor:pointer;
    z-index:1001;
    background:none;
    border:none;
    padding:10px;
    gap:6px;
  }
  .nav-hamburger span{
    display:block;
    width:26px;
    height:3px;
    background:var(--text-dark);
    transition:all 0.3s ease;
  }
  .nav-hamburger.open span:nth-child(1){
    transform:rotate(45deg) translate(6px, 6px);
  }
  .nav-hamburger.open span:nth-child(2){
    opacity:0;
  }
  .nav-hamburger.open span:nth-child(3){
    transform:rotate(-45deg) translate(6px, -6px);
  }
  .nav-links{
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:var(--bg-white);
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding-top:80px;
    gap:0;
    z-index:1000;
    overflow-y:auto;
  }
  .nav-links.open{
    display:flex;
  }
  .nav-links li{
    width:100%;
    text-align:center;
  }
  .nav-links a{
    font-size:18px;
    padding:16px;
    border-bottom:1px solid var(--border);
    display:block;
    width:100%;
  }
  .nav-links a.active{
    border-bottom:1px solid var(--border);
    background:var(--bg-warm);
  }
  .dropdown-menu{
    position:static;
    box-shadow:none;
    border:none;
    min-width:100%;
    padding:0;
    display:none;
  }
  .dropdown.open .dropdown-menu,
  .dropdown-menu.open{
    display:block;
  }
  .dropdown > a {
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .dropdown-menu a{
    padding:14px 20px;
    font-size:15px;
    background:var(--bg-warm);
  }
  .dropdown-menu a:hover{
    background:#ddd;
  }
}

/* DEFAULT HAMBURGER HIDDEN ON DESKTOP */
@media (min-width: 961px) {
  .nav-hamburger { display: none; }
}

/* RESPONSIVE — MOBILE FOOTER */
@media(max-width:768px){
  footer{
    grid-template-columns:1fr;
    padding:32px 20px 0;
    gap:32px;
    text-align:center;
  }
  .footer-cols{
    grid-template-columns:1fr;
    gap:28px;
  }
  .footer-brand-name{
    font-size:28px;
  }
  .footer-col{
    text-align:center;
  }
  .footer-col h4{
    margin-bottom:10px;
  }
  .page-legal-links{
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:14px 0 24px;
    margin:0;
  }
  .footer-legal-nav{
    justify-content:center;
  }
  .footer-copyright{
    white-space:normal;
  }

  /* Additional mobile adjustments */
  .btn-navy{
    padding:14px 36px;
    font-size:14px;
  }
  .btn-outline{
    padding:12px 36px;
    font-size:14px;
  }
}

/* Copy protection — public pages only (admin dashboard/login excluded) */
body:not(.admin-login-body):not(.admin-dashboard-body){
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
body:not(.admin-login-body):not(.admin-dashboard-body) img,
body:not(.admin-login-body):not(.admin-dashboard-body) svg{
  -webkit-user-drag:none;
  user-drag:none;
}
body:not(.admin-login-body):not(.admin-dashboard-body) input,
body:not(.admin-login-body):not(.admin-dashboard-body) textarea,
body:not(.admin-login-body):not(.admin-dashboard-body) select,
body:not(.admin-login-body):not(.admin-dashboard-body) [contenteditable="true"]{
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
  user-select:text;
  -webkit-touch-callout:default;
}