/* =======================================================
 * 1. Vendyl – hide legacy Dokan vendor product archive
 *    (search bar + filter + product grid + pagination)
 * ======================================================= */

body[class*="dokan-store"] .dokan-store-products-filter-area,
body[class*="dokan-store"] .dokan-store-products-wrap,
body[class*="dokan-store"] .dokan-store-products,
body[class*="dokan-store"] .dokan-single-store .woocommerce-notices-wrapper,
body[class*="dokan-store"] .dokan-single-store .woocommerce-result-count,
body[class*="dokan-store"] .dokan-single-store .woocommerce-ordering,
body[class*="dokan-store"] .dokan-single-store .products,
body[class*="dokan-store"] .dokan-single-store .woocommerce-pagination,
body[class*="dokan-store"] .dokan-single-store .dokan-pagination-container {
  display: none !important;
}


/* =======================================================
 * 2. Vendyl – remove top gap under main header on store
 * ======================================================= */

/* Kill any extra margin under the global header, but only on store pages */
body.dokan-store .site-header {
  margin-bottom: 0 !important;
}

/* Make sure the main content shells don’t add their own top spacing */
body.dokan-store .site-content,
body.dokan-store .site-main,
body.dokan-store #primary,
body.dokan-store .content-area,
body.dokan-store .dokan-store-wrap {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* First child inside each wrapper shouldn’t push things down either */
body.dokan-store .site-main > *:first-child,
body.dokan-store .site-content > *:first-child,
body.dokan-store .dokan-store-wrap > *:not(script):not(style):first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* If the first block is our announcement bar, keep it tight */
body.dokan-store .vd-annc-wrap {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Your manual nudge to close the header gap */
body.dokan-store .dokan-store-wrap {
  margin-top: -52px !important;
}


/* =======================================================
 * 3. Vendyl – hide breadcrumb / page-header strip on store
 * ======================================================= */

/* Theme "page header" / entry header rows on store pages */
body.dokan-store header.page-header,
body.dokan-store .page-header,
body.dokan-store header.entry-header,
body.dokan-store .entry-header {
  display: none !important;
  visibility: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Any breadcrumb variants in the main content */
body.dokan-store nav.woocommerce-breadcrumb,
body.dokan-store .woocommerce-breadcrumb,
body.dokan-store .woocommerce-breadcrumbs,
body.dokan-store .rank-math-breadcrumb,
body.dokan-store .site-breadcrumbs,
body.dokan-store .breadcrumb,
body.dokan-store .breadcrumbs,
body.dokan-store [class*="breadcrumb"],
body.dokan-store #breadcrumbs {
  display: none !important;
  visibility: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Dokan-style breadcrumb pill over the hero/image */
body.dokan-store .dokan-breadcrumb,
body.dokan-store .dokan-store-wrap .breadcrumb,
body.dokan-store .dokan-store-wrap [class*="breadcrumb"] {
  display: none !important;
  visibility: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}


/* =======================================================
 * 4. Vendyl – FULL-WIDTH ANNOUNCEMENT RIBBON ON STORE
 * ======================================================= */

/* This is the outer wrapper emitted by vendyl_render_announcement_ribbon().
   We force it to go full-viewport-width and escape the centered container. */
body.dokan-store .vd-annc-wrap {
  width: 100vw !important;
  max-width: 100vw !important;

  /* full-bleed trick: move it out of the inner container */
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  /* keep a bit of breathing room below the bar */
  margin-bottom: 10px !important;
}

/* =======================================================
 * Vendyl – full-bleed hero on vendor store pages
 * ======================================================= */

/* Let the hero break out of the centred container */
body.dokan-store #vendor-hero.vendyl-hero{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* Flatten corners so it feels like a true edge-to-edge banner */
body.dokan-store #vendor-hero .vendyl-hero-swiper{
  border-radius:0 !important;
}