/* ============================================================
   GDC – Green Daily Choices | Shared Stylesheet
   ============================================================ */
*{box-sizing:border-box}
body{margin:0;background:#f6f1e7;font-family:'Work Sans',sans-serif;color:#2b2a24}
a{color:inherit;text-decoration:none}
button{font-family:'Work Sans',sans-serif;cursor:pointer}
input,textarea,select{font-family:'Work Sans',sans-serif}
input:focus,textarea:focus,select:focus{outline:2px solid #33503c}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#cabfa4;border-radius:8px}
.serif{font-family:'Newsreader',serif}
.card{background:#fffdf8;border:1px solid #e6ddc8;border-radius:14px}
.card-lg{background:#fffdf8;border:1px solid #e6ddc8;border-radius:16px;box-shadow:0 10px 30px rgba(60,50,20,.06)}
.ph{background:repeating-linear-gradient(45deg,#e7dfce,#e7dfce 10px,#ded4bf 10px,#ded4bf 20px)}
.stars{color:#b5623a}
.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b5623a}
.badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:5px}
.btn-primary{border:none;background:#33503c;color:#f6f1e7;font-weight:600;font-size:14px;padding:12px 22px;border-radius:9px}
.btn-orange{border:none;background:#b5623a;color:#fff;font-weight:600;font-size:14px;padding:12px 22px;border-radius:9px}
.btn-ghost{border:1px solid #cabfa4;background:#fffdf8;color:#2b2a24;font-weight:600;font-size:14px;padding:11px 22px;border-radius:9px}
/* page wrapper */
.pw{max-width:1180px;margin:0 auto;background:#f6f1e7;min-height:100vh}
/* grid helpers */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.g4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:18px}
/* admin */
.admin-wrap{display:flex;min-height:100vh;background:#efece4;font-family:'Work Sans',sans-serif;color:#2b2a24}
.admin-sidebar{width:236px;flex:none;background:#26251f;color:#cfc7b3;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}
.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}
.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:#fffdf8;border-bottom:1px solid #e2d9c4;position:sticky;top:0;z-index:5}
.admin-content{flex:1;overflow:auto;padding:28px}
.form-label{display:block;font-size:12px;font-weight:600;color:#6b6353;margin-bottom:6px}
.form-input{width:100%;border:1px solid #d8ceb6;border-radius:9px;padding:11px 14px;font-size:14px;background:#fffdf8}
.form-input:focus{outline:2px solid #33503c}
textarea.form-input{resize:vertical}
.nav-btn{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:none;cursor:pointer;font-family:'Work Sans',sans-serif;font-size:13.5px;padding:10px 13px;border-radius:9px}
/* Blog dropdown */
.nav-dd{position:relative;display:inline-block;padding-bottom:12px;margin-bottom:-12px}
.nav-dd-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fffdf8;border:1px solid #e6ddc8;border-radius:12px;padding:6px;min-width:200px;display:none;flex-direction:column;gap:2px;z-index:100;box-shadow:0 8px 28px rgba(60,50,20,.12)}
.nav-dd:hover .nav-dd-menu{display:flex}
.nav-dd-menu a{padding:9px 14px;border-radius:8px;font-size:13.5px;text-decoration:none;color:#2b2a24;display:block;transition:background .12s}
.nav-dd-menu a:hover{background:#f0e9d8;color:#33503c}
/* responsive */
@media(max-width:768px){
  .g3,.g4{grid-template-columns:1fr!important}
  .g2{grid-template-columns:1fr!important}
  .hero-grid{grid-template-columns:1fr!important}
  .sidebar-col{display:none}
  .admin-sidebar{width:60px}
  .admin-sidebar .nav-label,.admin-sidebar .sidebar-brand-text{display:none}
  header .nav-links{display:none}
  .pw{padding:0 16px!important}
}