/* Western Oregon Dispensary — shared styles.
   Loaded by every page. Header/footer markup comes from site.js. */

html,body{margin:0;padding:0;background:#FAFAF7;color:#1E2A22;font-family:'Manrope',sans-serif}
a{color:#3E7A4E;text-decoration:none}
a:hover{color:#2C5E3A}
::selection{background:#DCE7DA}
.page{min-height:100vh;display:flex;flex-direction:column;background:#FAFAF7}

/* Buttons */
.btn-gold{background:#E9B950;color:#2A2110;border:none;padding:15px 30px;border-radius:999px;font-size:16px;font-weight:800;cursor:pointer;font-family:'Manrope',sans-serif;display:inline-block;text-align:center}
.btn-gold:hover{background:#F2C96B;color:#2A2110}
.btn-green{background:#2C5E3A;color:#FCFCF9;border:none;padding:14px 28px;border-radius:999px;font-size:15px;font-weight:800;cursor:pointer;font-family:'Manrope',sans-serif;display:inline-block;text-align:center}
.btn-green:hover{background:#1E4529;color:#FCFCF9}
.btn-white{background:#FCFCF9;color:#1E2A22;padding:14px 30px;border-radius:999px;font-size:15px;font-weight:800;display:inline-block;text-align:center}
.btn-white:hover{background:#DCE7DA;color:#1E2A22}
.btn-outline{border:1.5px solid #C6D1BC;color:#1E2A22;padding:11px 22px;border-radius:999px;font-size:14px;font-weight:700;background:#FCFCF9;display:inline-block;text-align:center}
.btn-outline:hover{border-color:#3E7A4E;color:#2C5E3A}

/* Header (rendered by <wod-nav>) */
.wod-header{position:sticky;top:0;z-index:50;background:rgba(250,250,247,0.94);backdrop-filter:blur(12px);border-bottom:1px solid #E4E8DD;font-family:'Manrope',sans-serif}
.wod-bar{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:14px 32px}
.wod-logo{flex-shrink:1;min-width:0;display:flex}
.wod-logo img{height:150px;margin:-20px 0;display:block;max-width:100%;object-fit:contain;object-position:left center}
.wod-nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.wod-link{padding:9px 14px;border-radius:999px;font-size:15px;font-weight:600;color:#3B4A40;white-space:nowrap}
.wod-link:hover{color:#2C5E3A;background:#EEF2E8}
.wod-link.active{color:#2C5E3A;background:#E4EDDF;font-weight:800}
.wod-shop-wrap{position:relative;margin-left:12px}
.wod-shop-btn{background:#E9B950;color:#2A2110;border:none;padding:11px 22px;border-radius:999px;font-size:14px;font-weight:800;cursor:pointer;font-family:'Manrope',sans-serif;display:flex;align-items:center;gap:8px;white-space:nowrap}
.wod-shop-btn:hover{background:#F2C96B}
.wod-shop-caret{font-size:11px}
.wod-shop-menu{position:absolute;right:0;top:calc(100% + 10px);background:#FFFFFF;border:1px solid #E4E8DD;border-radius:16px;box-shadow:0 20px 50px rgba(30,42,34,0.18);padding:8px;display:none;flex-direction:column;min-width:200px}
.wod-shop-menu.open{display:flex}
.wod-shop-menu a{padding:11px 16px;border-radius:10px;font-size:14.5px;font-weight:700;color:#1E2A22}
.wod-shop-menu a:hover{background:#EEF2E8;color:#2C5E3A}
.wod-shop-mobile{display:none;background:#E9B950;color:#2A2110;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap;margin-left:auto}
.wod-shop-mobile:hover{background:#F2C96B;color:#2A2110}
.wod-burger{display:none;background:none;border:none;cursor:pointer;padding:6px 10px;font-size:26px;line-height:1;color:#2C5E3A;font-family:'Manrope',sans-serif}
.wod-mobile-menu{display:none}
@media (max-width:1180px){
  .wod-bar{gap:12px;padding:12px 20px}
  .wod-logo img{height:104px;margin:-14px 0}
  .wod-link{padding:8px 10px;font-size:14px}
}
@media (max-width:940px){
  .wod-nav{display:none}
  .wod-shop-mobile{display:block}
  .wod-burger{display:block}
  .wod-mobile-menu.open{display:flex;flex-direction:column;gap:2px;padding:10px 16px 18px;border-top:1px solid #E4E8DD;background:#FCFCFA;max-height:calc(100vh - 96px);overflow:auto}
  .wod-mobile-menu a{padding:12px 14px;border-radius:12px;font-size:16px;font-weight:700;color:#1E2A22}
  .wod-mobile-menu a:hover{background:#EEF2E8;color:#2C5E3A}
  .wod-mobile-menu a.active{color:#2C5E3A;background:#E4EDDF}
  .wod-mobile-label{font-size:11.5px;letter-spacing:0.14em;text-transform:uppercase;font-weight:800;color:#C08A2E;padding:14px 14px 4px}
}
@media (max-width:560px){
  .wod-bar{gap:8px;padding:10px 14px}
  .wod-logo img{height:78px;margin:-8px 0}
  .wod-shop-mobile{padding:9px 14px;font-size:13px}
}

/* Footer (rendered by <wod-footer>) */
.wod-footer{background:#1E2A22;font-family:'Manrope',sans-serif;color:#C4CFC2}
.wod-footer a{color:#9DC29A}
.wod-footer a:hover{color:#FCFCF9}
.wod-footer-inner{max-width:1240px;margin:0 auto;padding:72px 32px 40px}
.wod-footer-cols{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start;justify-content:space-between;margin-bottom:56px}
.wod-footer-brand{max-width:300px;display:flex;flex-direction:column;gap:18px}
.wod-footer-grid-wrap{flex:1;min-width:min(100%,480px)}
.wod-footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:28px 32px}
.wod-footer-loc{font-size:13.5px;line-height:1.6;color:#9DAF9E}
.wod-footer-loc-name{font-weight:800;font-size:14.5px;margin-bottom:6px}
.wod-footer-loc-name a{color:#FCFCF9}
.wod-footer-loc-name a:hover{color:#9DC29A}
.wod-footer-legal{border-top:1px solid #37473B;padding-top:24px;display:flex;flex-direction:column;gap:8px;font-size:12.5px;line-height:1.6;color:#7E9182}

/* Age gate (rendered by <wod-age-gate>) */
.wod-gate{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0C1712;overflow:hidden}
.wod-gate-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wod-gate-tint{position:absolute;inset:0;background:linear-gradient(160deg,rgba(8,16,12,0.72) 0%,rgba(12,32,22,0.62) 60%,rgba(16,40,28,0.7) 100%)}
.wod-gate-card{position:relative;z-index:1;max-width:560px;text-align:center;display:flex;flex-direction:column;gap:22px;align-items:center}
.wod-gate-card h2{margin:0;font-size:clamp(28px,3.5vw,38px);font-weight:800;line-height:1.2;color:#FCFCF9;text-wrap:balance}
.wod-gate-card p{margin:0;font-size:17px;color:#C4CFC2}
.wod-gate-no{border:1.5px solid #5B6B5F;color:#C4CFC2;padding:15px 32px;border-radius:999px;font-size:16px;font-weight:700}
.wod-gate-no:hover{color:#FCFCF9;border-color:#9DAF9E}

/* Forms */
input:focus,textarea:focus,select:focus{outline:2px solid #3E7A4E;outline-offset:0;border-color:#3E7A4E}
.field-input{border:1.5px solid #E0E6D8;border-radius:12px;padding:13px 16px;font-size:15px;font-family:'Manrope',sans-serif;background:#FCFCF9;color:#1E2A22}
.field-select{border:1.5px solid #E0E6D8;border-radius:12px;padding:13px 16px;font-size:15px;font-family:'Manrope',sans-serif;background:#FCFCF9;color:#1E2A22;appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,#3E7A4E 50%),linear-gradient(135deg,#3E7A4E 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);background-size:6px 6px;background-repeat:no-repeat}
.field-error{font-size:13px;font-weight:700;color:#B4472F}

/* Cards */
.hover-lift{transition:transform .18s ease,box-shadow .18s ease}
.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(30,42,34,0.12)}
