/* Unified header & cart styles (extracted from door.html, applied to both pages) */
.nav-header {background:#fff;border-bottom:2px solid #e9ecef;padding:8px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:16px;transition:background-color 0.3s ease, border-color 0.3s ease;}
.nav-container {max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;position:relative;}
.nav-brand {font-size:24px;font-weight:600;color:#1a5a99;text-decoration:none;text-transform:uppercase;letter-spacing:1px;margin-left:-20px;}
.nav-brand:hover {color:#0d3d66;}
.nav-menu {display:flex;gap:20px;align-items:center;position:static;left:auto;transform:none;flex:1;justify-content:center;}
.nav-button {background:#1a5a99;color:#fff;border:none;padding:7px 12px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;width:94px;text-align:center;}
.nav-button:hover {background:#0d3d66;transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,90,153,0.3);} 
.nav-button.active {background:#0d3d66;box-shadow:inset 0 2px 4px rgba(0,0,0,0.2);} 
.nav-button.secondary {background:#6c757d;} .nav-button.secondary:hover {background:#545b62;box-shadow:0 4px 12px rgba(108,117,125,0.3);} 
.header-cart {background:#444;color:#fff;padding:7px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;border:none;transition:all .3s ease;min-width:90px;width:auto;text-align:center;margin-right:0;white-space:nowrap;position:relative;z-index:2;} 
.header-cart:hover {background:#333;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3);} 
#floatingCartSummary,#floatingCartSummaryIndex {position:fixed;top:10px;right:10px;font-size:14px;padding:8px 12px;background:#fff;border:1px solid #d0d5d9;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.15);z-index:1250;display:none;transition:background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;}
#floatingCartSummary.show,#floatingCartSummaryIndex.show {display:block;}
/* Safety: keep header cart compact and inline across breakpoints */
.header-cart { display:inline-flex; align-items:center; height:auto; max-height:none; }
@media (max-width: 1200px){ .header-cart { position:static !important; height:auto !important; max-height:none !important; } }
@media (max-width:768px){.nav-container{flex-direction:column;gap:15px;text-align:center;position:relative;} .nav-menu{flex-wrap:wrap;justify-content:center;order:2;width:100%;} .nav-button,.header-cart{padding:8px 16px;font-size:13px;width:90px;margin:0;} .nav-brand{margin-left:0;} .header-cart{margin-right:0;order:3;} }
/* Utility classes for cart state badges */
.cart-badge {background:#1a5a99;color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;}
/* Unified Add-to-Cart primary button */
.btn-cart-primary {background:#1a5a99;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-weight:600;cursor:pointer;width:100%;font-size:13px;line-height:1.1;transition:background-color .25s ease,box-shadow .25s ease;display:inline-block;text-align:center;}
.btn-cart-primary:hover {background:#0d3d66;}
.btn-cart-primary:active {background:#0a2d4d;}
.btn-cart-primary[disabled]{opacity:.55;cursor:not-allowed;}
/* Door-style cart action buttons */
.btn-save,.btn-import,.btn-clear{background:#1a5a99;color:#fff;border:none;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:600;cursor:pointer;transition:.25s background, .25s box-shadow;}
.btn-save:hover,.btn-import:hover,.btn-clear:hover{background:#0d3d66;}
.btn-save:active,.btn-import:active,.btn-clear:active{background:#0a2d4d;}
.btn-submit{background:#0f4170;color:#fff;border:none;border-radius:5px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:.25s background, .25s box-shadow;}
.btn-submit:hover{background:#0a2d4d;}
/* Unified compact height & icon spacing */
.btn-save,.btn-import,.btn-clear,.btn-submit{line-height:1.05;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:24px;box-shadow:0 1px 2px rgba(0,0,0,0.08);}
.btn-save:active,.btn-import:active,.btn-clear:active,.btn-submit:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,0.15);} 
.cart-submit-wide{min-height:32px;font-size:13px;font-weight:600;}
/* Responsive: stack small buttons on very narrow screens */
@media (max-width:520px){
	.cart-actions-row{flex-direction:column !important;}
	.cart-actions-row button{width:100%;}
}

/* Unified secondary/control buttons (Spec Sheet, Details, Layer toggles) */
.btn-secondary-lite{background:#f3f6f9;color:#0f4170;border:1px solid #d0d7de;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:.25s background,.25s border,.25s color;display:inline-flex;align-items:center;gap:5px;line-height:1.1;}
.btn-secondary-lite:hover{background:#e6edf3;border-color:#b6c2cc;}
.btn-secondary-lite:active{background:#d9e3ea;}
.btn-secondary-strong{background:#1a5a99;color:#fff;border:1px solid #1a5a99;border-radius:6px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.25s background,.25s border,.25s box-shadow;box-shadow:0 2px 4px rgba(0,0,0,0.08);} 
.btn-secondary-strong:hover{background:#0d3d66;border-color:#0d3d66;}
.btn-secondary-strong:active{background:#0a2d4d;}
.btn-toggle{background:#1a5a99;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:.25s background,.25s box-shadow;}
.btn-toggle.active{background:#0d3d66;}
.btn-toggle:hover{background:#0d4b80;}
.btn-toggle.light{background:#d9e3ea;color:#0f4170;}
.btn-toggle.light:hover{background:#ced8df;}

/* Dark Mode Support */
body.theme-dark .nav-header {
  background: #2d3748;
  border-bottom-color: #4a5568;
}

body.theme-dark .nav-brand {
  color: #63b3ed;
}

body.theme-dark .nav-brand:hover {
  color: #90cdf4;
}

body.theme-dark #floatingCartSummary,
body.theme-dark #floatingCartSummaryIndex {
  background: #2d3748;
  border-color: #4a5568;
  color: #e2e8f0;
}
.btn-toggle.light.active{background:#1a5a99;color:#fff;}
.btn-inline-small{height:34px;display:inline-flex;align-items:center;}
.btn-pill-group{display:flex;gap:8px;flex-wrap:wrap;}
/* Modal panel unification */
.unified-modal{background:#ffffff;border:1px solid #d8dee4;border-radius:12px;padding:20px;box-shadow:0 8px 28px rgba(0,0,0,0.12);max-width:800px;margin:0 auto;font-family:system-ui,Segoe UI,Roboto,sans-serif;}
.unified-modal h2,.unified-modal h3{margin-top:0;color:#0f4170;font-weight:600;}
.unified-modal section{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #eef1f4;}
.unified-modal section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.unified-modal .option-row{display:flex;gap:10px;flex-wrap:wrap;}
.unified-modal .option-row button{flex:1;min-width:120px;background:#f3f6f9;color:#0f4170;border:1px solid #d0d7de;border-radius:8px;padding:10px;font-size:12px;font-weight:600;cursor:pointer;transition:.25s background,.25s border;}
.unified-modal .option-row button:hover{background:#e6edf3;}
/* Pills tab navigation (modal) */
.tab-container{display:flex;flex-wrap:wrap;gap:20px;margin:0 40px 10px 40px;padding-top:10px;}
.tab-button{background:#f5f7f9;color:#2d3742;border:2px solid #d0d7de;border-radius:999px;padding:14px 34px;font-size:18px;font-weight:600;cursor:pointer;transition:.25s background,.25s color,.25s border, .25s box-shadow;box-shadow:0 2px 4px rgba(0,0,0,0.04);}
.tab-button:hover{background:#e7eef3;}
.tab-button.active{background:#ffffff;color:#1a5a99;border-color:#1a5a99;box-shadow:0 4px 10px rgba(0,0,0,0.08);} 
/* Underline style top bar variant (optional) */
.tab-container.underline .tab-button{border:none;border-radius:0;background:transparent;padding:16px 42px;font-size:20px;font-weight:600;box-shadow:none;position:relative;}
.tab-container.underline .tab-button.active{color:#1a5a99;}
.tab-container.underline .tab-button.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;background:#1a5a99;border-radius:4px;}