/* Davison-Lupinski Blocks — match production (black/gold/green, Roboto). */

:root { --dl-gold:#AF9A7E; --dl-green:#405937; --dl-greend:#455839; --dl-brown:#4B3C33; }

html, body { background:#000 !important; }
body { color:#F3F3F3; }
.wp-site-blocks { background:#000; }

/* ---------- HEADER ---------- */
.dl-header { background:#000; padding:30px 24px 18px; column-gap:24px; row-gap:14px; }
.dl-header .dl-logo { margin:0; }
.dl-header .dl-logo img { height:135px; width:auto; display:block; }
.dl-header .dl-nav { flex:1 1 auto; justify-content:center; }
.dl-header .dl-nav a,
.dl-header .dl-nav .wp-block-navigation-item__content {
  color:#FDFDFD; text-transform:uppercase; font-size:19px; font-weight:400;
  letter-spacing:-0.5px; text-decoration:none; border:0;
}
.dl-header .dl-nav a:hover,
.dl-header .dl-nav .current-menu-item a { color:#DDDAD4; }
.dl-header .wp-block-navigation { --wp--style--block-gap:1.1rem; }

/* right-side actions cluster (socials + cart) */
.dl-header .dl-actions { gap:18px; align-items:center; flex:0 0 auto; }

/* social icons -> circular tan buttons with dark glyph (matches old header) */
.dl-header .dl-social { gap:10px; }
.dl-header .dl-social .wp-social-link {
  background-color:#7F6C52 !important; border-radius:50% !important;
  width:34px; height:34px; padding:0; margin:0;
  display:flex; align-items:center; justify-content:center;
}
.dl-header .dl-social .wp-social-link a { padding:0; display:flex; align-items:center; justify-content:center; }
.dl-header .dl-social .wp-social-link svg { width:18px; height:18px; fill:#0d0d0d !important; }
.dl-header .dl-social .wp-social-link:hover { background-color:#AF9A7E !important; }

/* cart: running total + item count (mini-cart hasHiddenPrice:false) */
.dl-header .wc-block-mini-cart__button,
.dl-header .wc-block-mini-cart__amount { color:#E1E1E1; font-size:16px; }
.dl-header .wc-block-mini-cart__quantity-badge { color:#E1E1E1; }
/* WooCommerce block-hooks auto-injects a customer-account icon into the header; prod has none */
.dl-header .wp-block-woocommerce-customer-account { display:none !important; }

/* ---------- FOOTER ---------- */
.dl-footer {
  background:#000 url(/wp-content/uploads/footer_bg-1.png) repeat-x top left;
  border-top:3px double #29221A; margin-top:40px; padding:26px 24px;
}
.dl-footer .dl-footer-inner { display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center; }
.dl-footer .dl-footer-nav { margin:0; font-size:14px; color:#fff; }
.dl-footer .dl-footer-nav a { color:#fff; text-decoration:none; border:0; }
.dl-footer .dl-footer-nav a:hover { color:#BCB4A6; }
.dl-footer .dl-copyright { margin:0; font-size:14px; font-weight:500; color:#fff; text-align:right; }

/* ---------- HOME ---------- */
.dl-featured {
  color:#DDDAD4; border-top:3px double #6A5B52; border-bottom:3px double #6A5B52;
  padding:6px 0; margin:0 0 14px; font-size:1.6rem;
}
.dl-player { background:#4B3C33; border-radius:8px; padding:20px 24px; margin:0 0 6px; }
.dl-player .dl-track-title { font-size:1.9rem; font-weight:400; color:#fff; margin:0 0 2px; line-height:1.15; }
.dl-player .dl-track-meta { color:#c9bcae; font-size:1rem; margin:0 0 14px; }
.dl-player .wp-audio-shortcode, .dl-player audio { width:100% !important; }
.dl-player .mejs-container, .dl-player .mejs-controls { background:#2f251f !important; }
.dl-player .mejs-container { border-radius:6px; }
.dl-sep { border:0; border-top:3px double #4B3C33; width:90%; margin:14px auto; }
.dl-yt img { background:#fff; border-radius:5px; padding:2px; max-width:150px; height:auto; }
.dl-home-links { text-align:center; }
.dl-home-links a { color:#fff; }

/* ---------- ABOUT (side photos are broken on prod -> faithful gray placeholders) ---------- */
.dl-portrait {
  background:#c3cad2; border-radius:2px; width:100%; min-height:360px;
  background-image:radial-gradient(circle at 30% 60%, #eef1f4 18%, transparent 19%),
    linear-gradient(180deg,#c3cad2 0%,#c3cad2 55%,#e9edf1 56%,#e9edf1 100%);
}

/* ---------- LINKS ---------- */
.dl-links-row { display:flex; align-items:center; gap:22px; margin:0 0 14px; }
.dl-links-row .wp-block-image { flex:0 0 90px; margin:0; }
.dl-links-row img { width:90px; height:auto; }
.dl-links-row p { margin:0; }
.dl-links-row a { color:#fff; text-decoration:underline; }
.dl-links-row a:hover { color:var(--dl-gold); }

/* ---------- CATALOG (static table, light on black) ---------- */
.page-id-80 table#normalcontent { color:#E1DDD7; margin:0 auto; max-width:100%; }
.page-id-80 table#normalcontent h2,
.page-id-80 table#normalcontent h5 { color:#E1DDD7; }
.page-id-80 table#normalcontent a { color:#E1DDD7; text-decoration:underline; }

/* ---------- CONTACT (address left / GF form right) ---------- */
.dl-address { font-size:1.1rem; line-height:1.9; }
.dl-contact .gform_wrapper label, .dl-contact .gfield_label,
.dl-contact .gform_required_legend { color:#E1DDD7 !important; }
.dl-contact .gform_wrapper input:not([type=submit]),
.dl-contact .gform_wrapper textarea,
.dl-contact .gform_wrapper select {
  background:#fff !important; color:#000 !important; border:1px solid #666 !important; border-radius:4px !important;
}
.dl-contact .gform_footer input[type=submit], .dl-contact button.gform_button {
  background:#405937 !important; color:#FFF6F6 !important; border:0 !important; border-radius:4px !important;
  padding:12px 26px !important; font-weight:500 !important; cursor:pointer;
}
.dl-contact .gform_footer input[type=submit]:hover { background:#455839 !important; }

/* ---------- WOOCOMMERCE (classic templates on black) ---------- */
.woocommerce, .woocommerce-page,
.woocommerce a.button, .woocommerce .price, .woocommerce .woocommerce-breadcrumb,
.woocommerce div.product .product_title, .woocommerce div.product p.price,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce table.shop_table, .woocommerce-cart table.cart,
.woocommerce-checkout, .woocommerce-checkout label, .woocommerce form .form-row label,
.woocommerce .cart_totals, .woocommerce .order-total, .woocommerce-info,
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { color:#E1DDD7; }
.woocommerce .woocommerce-breadcrumb a, .woocommerce ul.products li.product a { color:#E1DDD7; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color:#F3F3F3; }
/* buttons / add-to-cart -> production green */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .single_add_to_cart_button,
.woocommerce #place_order, .woocommerce button.button.alt {
  background:#405937 !important; color:#FFF6F6 !important; border:0; border-radius:4px;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover, .woocommerce #place_order:hover { background:#455839 !important; }
/* variation swatches: keep plugin layout, selected = green */
.woo-variation-swatches .variable-item.selected,
.woo-variation-swatches .variable-item:hover { box-shadow:0 0 0 2px #405937 !important; border-color:#405937 !important; }
/* form fields readable (white) */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce-checkout input, .woocommerce-checkout textarea, .woocommerce-checkout select,
.woocommerce .quantity input.qty {
  background:#fff !important; color:#000 !important; border:1px solid #666 !important; border-radius:4px;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td { color:#E1DDD7; }
.woocommerce-variation-price, .woocommerce-variation-availability { color:#F3F3F3; }
/* WooCommerce audio sample player heading */
.woocommerce div.product .wcmp_player, .product .wcmp_player { margin:0 0 12px; }

/* ---------- RESPONSIVE ---------- */
@media (max-width:781px) {
  /* header: row1 = logo left + hamburger right; row2 = socials + cart */
  .dl-header { padding:14px 16px; column-gap:12px; row-gap:12px; }
  .dl-header .dl-logo { order:0; }
  .dl-header .dl-logo img { height:60px; width:auto; }
  .dl-header .dl-nav { flex:0 0 auto; order:1; margin-left:auto; }
  .dl-header .dl-actions { order:2; flex-basis:100%; justify-content:space-between; }
  .dl-links-row { gap:14px; }
  .dl-links-row .wp-block-image, .dl-links-row img { flex-basis:70px; width:70px; }
  .dl-footer .dl-footer-inner { flex-direction:column; text-align:center; }
  .dl-footer .dl-copyright { text-align:center; }
  .dl-portrait { min-height:240px; }
}
