/* =========================================================
   ND WordPress integration overrides.
   Keep this file SMALL. Anything general belongs in
   nd-components.css. This file only re-styles
   default WooCommerce / Dokan / Listeo chrome so it
   speaks the ND visual system without touching function.
   ========================================================= */

/* --- Body / admin bar --- */
html.wp-toolbar { padding-top: 32px !important; }
body.admin-bar .nd-masthead { top: 32px; }
@media (max-width: 782px) {
  html.wp-toolbar { padding-top: 46px !important; }
  body.admin-bar .nd-masthead { top: 46px; }
}

/* --- WooCommerce buttons → ND btn language --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button {
  background: var(--ink) !important;
  color: var(--fg-on-dark) !important;
  border-radius: var(--r-pill) !important;
  padding: 12px 22px !important;
  font: var(--f-btn) !important;
  text-transform: uppercase !important;
  letter-spacing: var(--tracked-s) !important;
  border: 0 !important;
  transition: transform .15s ease, background .15s ease !important;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
  background: var(--champagne) !important;
  color: var(--ink) !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover { transform: translateY(-1px); }

/* --- Message/notice bands --- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: var(--linen) !important;
  color: var(--soft-ink) !important;
  border-top: 3px solid var(--champagne) !important;
  padding: 16px 20px !important;
  font: 500 14px/1.5 var(--sans) !important;
  border-radius: var(--r-2) !important;
}

/* --- Woo cart, checkout, my-account tables --- */
.woocommerce table.shop_table,
.woocommerce table.my_account_orders {
  border: 1px solid var(--rule) !important;
  border-radius: var(--r-3) !important;
  overflow: hidden;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.woocommerce table.shop_table th {
  background: var(--linen) !important;
  color: var(--muted) !important;
  font: 600 11px/1 var(--sans) !important;
  text-transform: uppercase !important;
  letter-spacing: var(--tracked-s) !important;
  padding: 14px 16px !important;
}
.woocommerce table.shop_table td {
  padding: 14px 16px !important;
  border-top: 1px solid var(--rule) !important;
}

/* --- Woo form fields --- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  padding: 12px 14px !important;
  border: 1px solid var(--rule-strong) !important;
  border-radius: var(--r-2) !important;
  font: 500 14px/1.3 var(--sans) !important;
  background: var(--ivory) !important;
}

/* --- Woo product loop (fallback if template not overridden) --- */
ul.products li.product h2,
ul.products li.product .woocommerce-loop-product__title {
  font: 500 14.5px/1.35 var(--sans) !important;
  color: var(--ink) !important;
}
ul.products li.product .price {
  color: var(--ink) !important;
  font: 700 16px/1 var(--sans) !important;
}

/* --- Dokan store surfaces (vendor storefront) --- */
.dokan-single-store .profile-frame,
.dokan-single-store .profile-info-summery-wrapper {
  background: var(--ivory) !important;
  border: 1px solid var(--rule) !important;
  border-radius: var(--r-3) !important;
  padding: 22px !important;
}
.dokan-single-store .profile-info-summery-wrapper .store-name,
.dokan-single-store .profile-info-summery-wrapper h1 {
  font: 600 clamp(30px, 3.6vw, 52px)/1.08 var(--serif) !important;
  color: var(--ink) !important;
}
.dokan-store-tabs, .store-tabs {
  border-bottom: 1px solid var(--rule) !important;
}
.dokan-store-tabs a, .store-tabs a {
  font: 600 12.5px/1 var(--sans) !important;
  text-transform: uppercase !important;
  letter-spacing: var(--tracked-s) !important;
  color: var(--muted) !important;
}
.dokan-store-tabs a.active, .store-tabs a.active {
  color: var(--ink) !important;
  border-bottom: 2px solid var(--ink) !important;
}

/* --- Dokan vendor dashboard chrome (never rewrite forms, only theme) --- */
.dokan-dashboard-wrap {
  background: var(--pearl) !important;
}
.dokan-dashboard-menu {
  background: var(--ivory) !important;
  border: 1px solid var(--rule) !important;
  border-radius: var(--r-3) !important;
  padding: 8px !important;
}
.dokan-dashboard-menu li a {
  color: var(--soft-ink) !important;
  font: 500 13.5px/1 var(--sans) !important;
  border-radius: var(--r-2) !important;
  padding: 10px 12px !important;
  border-left: 2px solid transparent !important;
}
.dokan-dashboard-menu li.active a,
.dokan-dashboard-menu li a:hover {
  background: var(--ink) !important;
  color: var(--fg-on-dark) !important;
  border-left-color: var(--champagne) !important;
}
.dokan-dashboard-content {
  background: var(--ivory) !important;
  border: 1px solid var(--rule) !important;
  border-radius: var(--r-3) !important;
  padding: 24px !important;
}
.dokan-dashboard-content h1,
.dokan-dashboard-content h2 {
  font: 600 clamp(22px, 2.4vw, 34px)/1.15 var(--serif) !important;
  color: var(--ink) !important;
}

/* --- Listeo cards (fallback where child template not overriding) --- */
.listing-item, .listeo-listing-item {
  background: var(--ivory) !important;
  border: 1px solid var(--rule) !important;
  border-radius: var(--r-3) !important;
  overflow: hidden;
  box-shadow: none !important;
}
.listing-item .listing-item-content h3,
.listing-item .listing-item-content h4 {
  font: 600 18px/1.25 var(--serif) !important;
  color: var(--ink) !important;
}
.listing-item .listing-badge,
.listing-item .compact-list-container .listing-type {
  background: var(--ivory) !important;
  color: var(--ink) !important;
  border-radius: var(--r-1) !important;
  font: 600 10px/1 var(--sans) !important;
  text-transform: uppercase !important;
  letter-spacing: var(--tracked) !important;
}

/* --- Listeo booking widget rehousing (never touch the FORM inside) --- */
.booking_widget_sidebar, .booking-widget,
.listeo_core_booking_widget {
  background: var(--ivory) !important;
  border: 1px solid var(--rule) !important;
  border-radius: var(--r-3) !important;
  padding: 22px !important;
  box-shadow: var(--sh-1) !important;
}
.booking_widget_sidebar h4,
.booking-widget h4,
.listeo_core_booking_widget h4 {
  font: 600 20px/1.2 var(--serif) !important;
  color: var(--ink) !important;
}

/* --- Comments / reviews (WP + Woo product reviews) --- */
.comment-list li,
.woocommerce #reviews #comments ol.commentlist li {
  background: var(--ivory) !important;
  border: 1px solid var(--rule) !important;
  border-radius: var(--r-3) !important;
  padding: 18px !important;
  margin-bottom: 12px !important;
}

/* --- Prevent parent theme injecting an extra topbar duplicate on ND home --- */
body.nd-context-home #topbar { display: none !important; }