/* ==========================================================================
   MSD PAGE — Standard-Seiten (page.php) + WooCommerce (woocommerce.php)
   Marken-konform: Dunkelblau + Gold, Cormorant + Outfit, Dark/Light
   ========================================================================== */

.msd-page {
	background: var(--opt-bg, #0a1428);
	min-height: 70vh;
	padding-bottom: 5rem;
}

.msd-page__hero {
	text-align: center;
	padding: 4rem 2rem 2.5rem;
	background: linear-gradient(180deg, #0d1e3a, #0a1428);
	border-bottom: 1px solid rgba(201,168,76,.1);
}

.msd-page__title {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: 300;
	color: #f5f0e8;
	margin: 0;
}
.msd-page__title em { color: #c9a84c; font-style: italic; }

.msd-page__body {
	padding-top: 3rem;
}

.msd-page__content {
	color: rgba(245,240,232,.82);
	line-height: 1.75;
	font-size: 1rem;
}

.msd-page__content h2,
.msd-page__content h3,
.msd-page__content h4 {
	font-family: 'Cormorant Garamond', Georgia, serif;
	color: #f5f0e8;
	font-weight: 400;
	margin: 2rem 0 1rem;
}
.msd-page__content h2 { font-size: 1.9rem; }
.msd-page__content h3 { font-size: 1.5rem; }

.msd-page__content a { color: #c9a84c; }
.msd-page__content a:hover { color: #e8c97a; }

.msd-page__content ul,
.msd-page__content ol { padding-left: 1.4rem; margin: 1rem 0; }
.msd-page__content li { margin-bottom: .5rem; }

/* ==========================================================================
   WOOCOMMERCE — Warenkorb, Kasse, Shop, Produkt
   ========================================================================== */

.woocommerce-content {
	color: rgba(245,240,232,.82);
}

/* Tabellen (Warenkorb) */
.woocommerce-content table.shop_table {
	background: #0f1f3c;
	border: 1px solid rgba(201,168,76,.14);
	border-radius: 12px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	color: #f5f0e8;
}
.woocommerce-content table.shop_table th {
	background: rgba(201,168,76,.08);
	color: #e8c97a;
	font-family: 'Outfit', sans-serif;
	font-weight: 600;
	letter-spacing: .04em;
	padding: 1rem;
}
.woocommerce-content table.shop_table td {
	border-top: 1px solid rgba(255,255,255,.06);
	padding: 1rem;
	color: rgba(245,240,232,.85);
}
.woocommerce-content table.shop_table a {
	color: #f5f0e8;
	text-decoration: none;
}
.woocommerce-content table.shop_table a:hover { color: #e8c97a; }

/* Produkt-Thumbnails im Warenkorb */
.woocommerce-content .product-thumbnail img {
	border-radius: 8px;
	max-width: 64px;
}

/* Mengen-Felder */
.woocommerce-content .quantity input.qty {
	background: rgba(255,255,255,.05);
	border: 1px solid rgba(255,255,255,.15);
	color: #f5f0e8;
	border-radius: 8px;
	padding: .5rem;
	width: 64px;
}

/* Buttons */
.woocommerce-content .button,
.woocommerce-content button.button,
.woocommerce-content input.button,
.woocommerce-content a.button,
.woocommerce-content .wc-proceed-to-checkout .checkout-button {
	background: linear-gradient(135deg, #c9a84c, #e8c97a) !important;
	color: #0a1428 !important;
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	letter-spacing: .04em;
	border: none !important;
	border-radius: 10px !important;
	padding: .85rem 1.8rem !important;
	text-transform: none;
	transition: transform .2s, box-shadow .2s;
	cursor: pointer;
}
.woocommerce-content .button:hover,
.woocommerce-content button.button:hover,
.woocommerce-content a.button:hover,
.woocommerce-content .checkout-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(201,168,76,.4);
}

/* Sekundär-Button (z.B. "Warenkorb aktualisieren") */
.woocommerce-content .button[name="update_cart"],
.woocommerce-content button[name="update_cart"] {
	background: transparent !important;
	border: 1px solid rgba(201,168,76,.4) !important;
	color: #c9a84c !important;
}

/* Cart-Totals & Checkout-Boxen */
.woocommerce-content .cart_totals,
.woocommerce-content .woocommerce-checkout-review-order,
.woocommerce-content .woocommerce-order-details,
.woocommerce-content .woocommerce-customer-details {
	background: #0f1f3c;
	border: 1px solid rgba(201,168,76,.14);
	border-radius: 12px;
	padding: 1.5rem;
}
.woocommerce-content .cart_totals h2,
.woocommerce-content .woocommerce-checkout-review-order h3 {
	color: #e8c97a;
}

/* Formularfelder (Checkout) */
.woocommerce-content .form-row input.input-text,
.woocommerce-content .form-row textarea,
.woocommerce-content .form-row select,
.woocommerce-content .select2-container .select2-selection {
	background: rgba(255,255,255,.05);
	border: 1px solid rgba(255,255,255,.15);
	color: #f5f0e8;
	border-radius: 8px;
	padding: .8rem 1rem;
}
.woocommerce-content .form-row label {
	color: rgba(245,240,232,.7);
	font-family: 'Outfit', sans-serif;
	margin-bottom: .3rem;
}
.woocommerce-content .form-row input::placeholder { color: rgba(245,240,232,.35); }

/* Coupon-Zeile */
.woocommerce-content .coupon input.input-text {
	background: rgba(255,255,255,.05);
	border: 1px solid rgba(255,255,255,.15);
	color: #f5f0e8;
	border-radius: 8px;
}

/* Notices / Hinweise */
.woocommerce-content .woocommerce-message,
.woocommerce-content .woocommerce-info,
.woocommerce-content .cart-empty {
	background: rgba(201,168,76,.08);
	border-top: 3px solid #c9a84c;
	color: #f5f0e8;
	border-radius: 8px;
	padding: 1rem 1.4rem;
}
.woocommerce-content .woocommerce-error {
	background: rgba(220,80,80,.1);
	border-top: 3px solid #dc5050;
	color: #f5f0e8;
	border-radius: 8px;
}

/* Preis */
.woocommerce-content .amount,
.woocommerce-content .price { color: #e8c97a; font-weight: 600; }

/* Shop-Produktraster */
.woocommerce-content ul.products li.product {
	background: #0f1f3c;
	border: 1px solid rgba(201,168,76,.1);
	border-radius: 14px;
	padding: 1rem;
	list-style: none;
}
.woocommerce-content ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Cormorant Garamond', serif;
	color: #f5f0e8;
}

/* ==========================================================================
   LIGHT MODE
   ========================================================================== */

[data-theme="light"] .msd-page {
	background: #f7f4ee;
}
[data-theme="light"] .msd-page__hero {
	background: linear-gradient(180deg, #f0eae0, #f7f4ee);
	border-bottom-color: rgba(156,125,46,.18);
}
[data-theme="light"] .msd-page__title { color: #16203a; }
[data-theme="light"] .msd-page__title em { color: #9c7d2e; }
[data-theme="light"] .msd-page__content { color: rgba(22,32,58,.82); }
[data-theme="light"] .msd-page__content h2,
[data-theme="light"] .msd-page__content h3,
[data-theme="light"] .msd-page__content h4 { color: #16203a; }
[data-theme="light"] .msd-page__content a { color: #9c7d2e; }

[data-theme="light"] .woocommerce-content { color: rgba(22,32,58,.82); }
[data-theme="light"] .woocommerce-content table.shop_table {
	background: #ffffff;
	border-color: rgba(0,0,0,.1);
	color: #16203a;
}
[data-theme="light"] .woocommerce-content table.shop_table th {
	background: rgba(156,125,46,.1);
	color: #9c7d2e;
}
[data-theme="light"] .woocommerce-content table.shop_table td {
	border-top-color: rgba(0,0,0,.06);
	color: rgba(22,32,58,.85);
}
[data-theme="light"] .woocommerce-content table.shop_table a { color: #16203a; }
[data-theme="light"] .woocommerce-content .cart_totals,
[data-theme="light"] .woocommerce-content .woocommerce-checkout-review-order,
[data-theme="light"] .woocommerce-content .woocommerce-order-details,
[data-theme="light"] .woocommerce-content .woocommerce-customer-details {
	background: #ffffff;
	border-color: rgba(0,0,0,.1);
}
[data-theme="light"] .woocommerce-content .form-row input.input-text,
[data-theme="light"] .woocommerce-content .form-row textarea,
[data-theme="light"] .woocommerce-content .form-row select,
[data-theme="light"] .woocommerce-content .quantity input.qty {
	background: #ffffff;
	border-color: rgba(0,0,0,.15);
	color: #16203a;
}
[data-theme="light"] .woocommerce-content .form-row label { color: rgba(22,32,58,.7); }
[data-theme="light"] .woocommerce-content .amount,
[data-theme="light"] .woocommerce-content .price { color: #9c7d2e; }
[data-theme="light"] .woocommerce-content ul.products li.product {
	background: #ffffff;
	border-color: rgba(0,0,0,.08);
}
[data-theme="light"] .woocommerce-content ul.products li.product .woocommerce-loop-product__title { color: #16203a; }