/*
 * Casa De Lago -- menu pages (lunch, dinner) only. Load after site.css.
 * The dark-band variants (.cdl-dark ...) and .cdl-spicy live here; spicy is
 * used by dinner today but lunch inherits it for free.
 */
:root{--cdl-sticky-offset:190px}

/* section pill nav */
  .cdl-secnav{position:sticky;top:111px;z-index:45;background:rgba(244,234,212,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(16,75,95,.12)}
  .cdl-secnav-inner{max-width:1320px;margin:0 auto;padding:12px clamp(18px,4vw,56px);display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
  .cdl-secnav-inner::-webkit-scrollbar{display:none}
  .cdl-pill{flex-shrink:0;white-space:nowrap;font-weight:600;font-size:13.5px;color:#104b5f;text-decoration:none;border:1.4px solid rgba(16,75,95,.24);border-radius:999px;padding:8px 16px;transition:background .25s,color .25s,border-color .25s}
  .cdl-pill:hover{background:#104b5f;color:#faf4e6;border-color:#104b5f}
/* menu items */
  .cdl-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px clamp(36px,4.5vw,64px);margin-top:clamp(28px,3.6vw,44px)}
  .cdl-mi h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(21px,2vw,24px);color:#104b5f;margin:0;line-height:1.15}
  .cdl-mi-head{display:flex;align-items:baseline;gap:12px}
  .cdl-dots{flex:1;min-width:24px;border-bottom:2px dotted rgba(16,75,95,.28);transform:translateY(-4px)}
  .cdl-price{font-weight:700;font-size:15.5px;color:#104b5f;white-space:nowrap;letter-spacing:.01em}
  .cdl-mi p{font-size:14.5px;line-height:1.6;color:#8a6b4f;margin:7px 0 0;max-width:36em}
  .cdl-mi-sub{display:flex;align-items:baseline;gap:12px;margin-top:7px;font-size:14px;color:#5b3d28}
  .cdl-mi-sub .cdl-dots{border-bottom-color:rgba(16,75,95,.18)}
  .cdl-mi-sub .cdl-price{font-size:14px}
/* dark band variants */
  .cdl-dark .cdl-mi h3{color:#faf4e6}
  .cdl-dark .cdl-price{color:#e7d8b6}
  .cdl-dark .cdl-mi p{color:#a9bcc8}
  .cdl-dark .cdl-mi-sub{color:#ccd9e2}
  .cdl-dark .cdl-dots{border-bottom-color:rgba(244,234,212,.3)}
  .cdl-dark .cdl-mi-sub .cdl-dots{border-bottom-color:rgba(244,234,212,.2)}
/* compact price-only rows (sides, desserts, drinks) */
  .cdl-cgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px clamp(30px,4vw,56px);margin-top:clamp(24px,3vw,36px)}
  .cdl-crow{display:flex;align-items:baseline;gap:12px;font-size:15.5px;color:#104b5f;font-weight:600}
  .cdl-crow .cdl-dots{transform:translateY(-3px)}
/* ---- section scaffolding (2c): values are verbatim from the promoted
 * inline attributes; lunch ships them first, dinner inherits (2d). ---- */
  .cdl-wrap{max-width:1180px;margin:0 auto}
  .cdl-wrap-rel{position:relative;max-width:1180px;margin:0 auto}
  .cdl-sect{position:relative;z-index:1;padding:clamp(34px,4.5vw,56px) clamp(18px,4vw,56px)}
  .cdl-sect-lg{position:relative;z-index:1;padding:clamp(48px,6.5vw,84px) clamp(18px,4vw,56px) clamp(34px,4.5vw,56px)}
  .cdl-band{position:relative;z-index:1;background:#104b5f;padding:clamp(56px,7.5vw,96px) clamp(18px,4vw,56px);overflow:hidden;margin-top:clamp(20px,3vw,36px)}
  .cdl-h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(34px,4.6vw,56px);color:#104b5f;line-height:1.05;margin:10px 0 0;letter-spacing:.03em;text-transform:uppercase}
  .cdl-h2-d{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,62px);color:#faf4e6;line-height:1.04;margin:10px 0 0;letter-spacing:.03em;text-transform:uppercase}
  .cdl-combo-badge{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:#104b5f;color:#f4ead4;border-radius:16px;padding:14px 22px}
  .cdl-combo-badge-k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e7d8b6}
  .cdl-combo-badge-v{font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;line-height:1}
  .cdl-duo-center{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5vw,64px);align-items:center}
  .cdl-duo-end{display:grid;grid-template-columns:1fr .82fr;gap:clamp(34px,5vw,64px);align-items:end}
/* .cdl-mgrid-tight: the one mgrid the prototype gave a tighter top margin.
   Must stay after .cdl-mgrid so source order reproduces the old inline win. */
  .cdl-mgrid-tight{margin-top:clamp(24px,3vw,36px)}
  .cdl-spicy{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c4522a;white-space:nowrap}
  .cdl-dark .cdl-spicy{color:#f0a284}

  @media(max-width:920px) {
    .cdl-secnav{top:99px}
    [id]{scroll-margin-top:178px}
    .cdl-mgrid{grid-template-columns:1fr}
    .cdl-cgrid{grid-template-columns:1fr 1fr}
    /* menu.css loads after site.css, so since the 2h !important retirement
       the collapse must be restated here for this file's duo classes. */
    .cdl-2col{grid-template-columns:1fr}
  }

  @media(max-width:560px) {
    .cdl-cgrid{grid-template-columns:1fr}
  }