/* =================================================================
   Kinwi: Mobile responsive rules for Dokan dashboard (<=800px)
   ================================================================= */
@media (max-width: 800px) {
  /* Fix float collapse by using flex column layout */
  .dokan-dashboard .dokan-dashboard-wrap {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 0 !important;
  }

  /* Sidebar takes full width, auto height */
  .dokan-dashboard .dokan-dash-sidebar {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-width: 0 !important;
    flex: none !important;
    float: none !important;
    clear: both !important;
    height: auto !important;
    min-height: 48px !important;
    padding: 0 !important;
    background-color: #000000 !important;
    /* Removed position: relative and z-index to prevent overlapping fixed Elementor headers */
  }

  /* Content takes full width */
  .dokan-dashboard .dokan-dashboard-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    clear: both !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  .dokan-dashboard .dokan-dashboard-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Navigation container */
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation {
    height: auto !important;
    min-height: 48px !important;
    background-color: #000000 !important;
    position: relative !important;
    padding-top: 48px !important; /* Reserve exact space for the top bar to prevent menu overlap */
  }

  /* Robust Checkbox Overlay: Cover the hamburger icon so tapping hits the checkbox directly */
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation #toggle-mobile-menu {
    display: block !important;
    position: absolute !important;
    top: 2px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    opacity: 0 !important; /* Invisible but fully clickable */
    margin: 0 !important;
    padding: 0 !important;
    z-index: 999999 !important; /* Stay above the label */
    cursor: pointer !important;
    -webkit-appearance: none !important;
  }

  /* Hamburger Label (Visual only) */
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation #mobile-menu-icon {
    display: block !important;
    position: absolute !important;
    top: 2px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    background: transparent !important;
    border: none !important;
    color: transparent !important;
    font-size: 0 !important;
    z-index: 99999 !important;
    pointer-events: none !important; /* Let clicks pass to the checkbox */
  }

  /* Hamburger lines */
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation #mobile-menu-icon::before {
    content: "" !important;
    position: absolute !important;
    top: 15px !important;
    left: 11px !important;
    width: 22px !important;
    height: 2px !important;
    background-color: #ffffff !important;
    box-shadow: 0 6px 0 0 #ffffff !important;
  }
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation #mobile-menu-icon::after {
    content: "" !important;
    position: absolute !important;
    top: 27px !important;
    left: 11px !important;
    width: 22px !important;
    height: 2px !important;
    background-color: #ffffff !important;
  }

  /* Default state: Menu hidden */
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu {
    display: none !important;
  }

  /* Opened state: Menu visible */
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu,
  html[data-kinwi-mobile-menu-force-open="true"] body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu {
    display: block !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    background: #000000 !important;
  }

  /* Mobile Submenus */
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu > li > ul.navigation-submenu,
  html[data-kinwi-mobile-menu-force-open="true"] body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li > ul.navigation-submenu {
    display: none !important;
    width: 100% !important;
    position: static !important;
  }
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu > li.submenu-open > ul.navigation-submenu,
  html[data-kinwi-mobile-menu-force-open="true"] body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li.submenu-open > ul.navigation-submenu {
    display: block !important;
  }

  /* Hide specific common links but NOT Visit Store */
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(2),
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(3),
  html[data-kinwi-mobile-menu-force-open="true"] body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(2),
  html[data-kinwi-mobile-menu-force-open="true"] body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(3) {
    display: none !important;
  }

  /* Visit Store link styles */
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu > li.dokan-common-links,
  html[data-kinwi-mobile-menu-force-open="true"] body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li.dokan-common-links {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(1),
  html[data-kinwi-mobile-menu-force-open="true"] body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(1) {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    font-size: 14px !important;
    color: #ffffff !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(1) i,
  html[data-kinwi-mobile-menu-force-open="true"] body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(1) i {
    font-size: 17px !important;
    color: #ffffff !important;
    padding-right: 15px !important;
  }
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(1)::after,
  html[data-kinwi-mobile-menu-force-open="true"] body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(1)::after {
    content: "Visit Store" !important;
    color: #ffffff !important;
  }
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(1)::before,
  html[data-kinwi-mobile-menu-force-open="true"] body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(1)::before {
    display: none !important;
  }
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(1):hover,
  body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(1):focus-visible,
  html[data-kinwi-mobile-menu-force-open="true"] body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(1):hover,
  html[data-kinwi-mobile-menu-force-open="true"] body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li.dokan-common-links > a:nth-of-type(1):focus-visible {
    background: #00967d !important;
    color: #ffffff !important;
  }
}

/* CART FORM EDITS */

/* Kinwi: Make top menu icons (My account, Wishlist, Vendor signup) green on hover */
.elementor-8502 .elementor-element.elementor-element-147949d .e-n-menu-item:hover .e-n-menu-icon i,
.elementor-8502 .elementor-element.elementor-element-147949d a:hover .e-n-menu-icon i {
  color: #00967d !important;
}
.elementor-8502 .elementor-element.elementor-element-147949d .e-n-menu-item:hover .e-n-menu-icon svg,
.elementor-8502 .elementor-element.elementor-element-147949d .e-n-menu-item:hover .e-n-menu-icon svg path,
.elementor-8502 .elementor-element.elementor-element-147949d a:hover .e-n-menu-icon svg,
.elementor-8502 .elementor-element.elementor-element-147949d a:hover .e-n-menu-icon svg path {
  fill: #00967d !important;
  color: #00967d !important;
}

/* Kinwi: Make Superfly menu icons green on hover */
#sfm-sidebar .sfm-menu li a:hover i,
#sfm-sidebar .sfm-menu li a:hover svg,
#sfm-sidebar .sfm-menu li a:hover svg path,
#sfm-sidebar .sfm-menu li.sfm-sm-indicator:hover > a i {
  color: #00967d !important;
  fill: #00967d !important;
}
#sfm-sidebar .sfm-menu li a:hover img {
  filter: brightness(0) saturate(100%) invert(36%) sepia(91%) saturate(1454%) hue-rotate(143deg) brightness(97%) contrast(101%) !important;
}

/* Kinwi: Scale down top menu (My account, Wishlist, Vendor signup) below 1023px, hide at 880px */
@media (max-width: 1023px) and (min-width: 881px) {

  /* Smoothly reduce icon size with viewport width */
  .elementor-8502 .elementor-element.elementor-element-147949d .e-n-menu-icon,
  .elementor-8502 .elementor-element.elementor-element-147949d .e-n-menu-icon i {
    font-size: clamp(12px, 1.5vw, 16px) !important;
  }

  .elementor-8502 .elementor-element.elementor-element-147949d .e-n-menu-icon svg {
    width: clamp(12px, 1.5vw, 16px) !important;
    height: clamp(12px, 1.5vw, 16px) !important;
  }

  /* Smoothly reduce text size with viewport width */
  .elementor-8502 .elementor-element.elementor-element-147949d .e-n-menu-title-text {
    font-size: clamp(9px, 1.2vw, 12px) !important;
  }

  /* Tighten gaps between menu items */
  .elementor-8502 .elementor-element.elementor-element-147949d .elementor-widget-container {
    gap: 4px !important;
  }
}

@media (max-width: 880px) {
  /* Kinwi: Nav menu acts as invisible flex spacer on mobile to keep logo
     centred before the wishlist heart column is injected by JS.
     The JS hides this once the heart is in the DOM. */
  .elementor-8502 .elementor-element.elementor-element-b2aef72 {
    display: flex !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
    padding: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Header row  consistent gap between columns */
  .elementor-8502 .elementor-element.elementor-element-6d86b54 {
    gap: 4px !important;
  }

  /* 1. Hamburger Column — 65px fixed */
  .elementor-8502 .elementor-element.elementor-element-adf44c7 {
    flex: 0 0 65px !important;
    width: 65px !important;
    min-width: 65px !important;
    max-width: 65px !important;
    display: flex !important;
    justify-content: flex-start !important;
  }

  /* 2. Search Column — Flex 1 */
  .elementor-8502 .elementor-element.elementor-element-0dd7588 {
    flex: 1 1 0% !important;
    min-width: 30px !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* 3. Logo Column — Centered, auto width */
  .elementor-8502 .elementor-element.elementor-element-04ccc77 {
    flex: 0 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    min-width: 85px !important;
    max-width: 160px !important;
  }

  /* Logo image — scale within constrained container */
  .elementor-8502 .elementor-element.elementor-element-04ccc77 img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 4. Heart Column (injected via JS) — Flex 1 (mirrors Search) */
  #kinwi-mobile-wishlist-icon.kinwi-mobile-heart-col {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* 5. Cart Column — 65px fixed (mirrors Hamburger) */
  .elementor-8502 .elementor-element.elementor-element-43d78b2 {
    flex: 0 0 65px !important;
    width: 65px !important;
    min-width: 65px !important;
    max-width: 65px !important;
    overflow: visible !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Cart widget — scale down slightly for better spacing */
  .elementor-8502 .elementor-element.elementor-element-43d78b2 .elementor-widget-container {
    transform: scale(0.85) !important;
    transform-origin: center center !important;
  }
}

/* Kinwi: Header layout fix  keep logo centred and cart visible on all screen sizes */
@media (max-width: 640px) {

  /* Header row: tighter padding, even gap */
  .elementor-8502 .elementor-element.elementor-element-6d86b54 {
    gap: 4px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Logo container: capped on mobile, floor at 85px so it never shrinks below 380px-screen size */
  .elementor-8502 .elementor-element.elementor-element-04ccc77 {
    max-width: 120px !important;
    min-width: 85px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Hamburger spacer  65px to fully clear Superfly icon + give breathing room */
  .elementor-8502 .elementor-element.elementor-element-adf44c7 {
    flex: 0 0 65px !important;
    width: 65px !important;
    min-width: 65px !important;
    max-width: 65px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Cart: flex-basis 65px to match hamburger spacer, keeps logo centred */
  .elementor-8502 .elementor-element.elementor-element-43d78b2 {
    flex: 1 1 65px !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Cart widget  scale down on mobile */
  .elementor-8502 .elementor-element.elementor-element-43d78b2 .elementor-widget-container {
    transform: scale(0.85) !important;
    transform-origin: right center !important;
  }

  /* Search container: tighten padding */
  .elementor-8502 .elementor-element.elementor-element-0dd7588 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Kinwi: Very narrow screens (<=400px).
   Must come AFTER <=640px so these overrides win in the cascade.
   The cart column grows (flex: 1 1 50px) so it can hold both the heart
   and cart icon. The heart auto-margins centre it within that space.
   The old nudge rule (translateX) has been removed — auto-margins alone
   give correct visual centering without fighting a fixed-width constraint. */
@media (max-width: 400px) {

  /* 1. Hamburger spacer — 50px fixed */
  .elementor-8502 .elementor-element.elementor-element-adf44c7 {
    flex: 0 0 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
  }

  /* 2. Search Column — Flex 1 */
  .elementor-8502 .elementor-element.elementor-element-0dd7588 {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3. Logo — keep min 85px (user requirement) */
  .elementor-8502 .elementor-element.elementor-element-04ccc77 {
    flex: 0 0 85px !important;
    max-width: 100px !important;
    min-width: 85px !important;
  }

  /* 4. Heart column (injected via JS) — Flex 1 (mirrors Search) */
  #kinwi-mobile-wishlist-icon.kinwi-mobile-heart-col {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* 5. Cart column — 50px fixed (mirrors Hamburger) */
  .elementor-8502 .elementor-element.elementor-element-43d78b2 {
    flex: 0 0 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    overflow: visible !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Cart widget — scale down to fit comfortably in 50px */
  .elementor-8502 .elementor-element.elementor-element-43d78b2 .elementor-widget-container {
    transform: scale(0.78) !important;
    transform-origin: center center !important;
    width: auto !important;
  }
}
/* Increase z index to allow side panel closing over superfly menu */
elementor-menu-cart__main,
widget_shopping_cart_content
{
  z-index:9999999 !important;
}

/* Make quantity box bigger so numbers not cut off */

.woocommerce .quantity .qty {
  /* width: 3.631em; */
  width: 5em;
}

/* increase font size on free shipping cart note & make italic */

.woocommerce-shipping-totals > th:nth-child(1) > small:nth-child(2)
{
  /* font-size: 80%; */
  font-size: 90%;
  font-style: italic;
}

/* Change cart icon quantity button text to normal */
.elementor-button-icon-qty
{ 
  font-style: normal;
}

/* Remove optional from Region in checkout form */

.woocommerce form .form-row .optional {
  display: none !important;
}

/* Change colour of Checkout button */
.woocommerce a.button.alt {
	background-color: #009b7d !important;
}
.woocommerce a.button.alt:hover {
	background-color: #111111 !important;
	color: #00967dff !important;
}
.wc-proceed-to-checkout a:hover{
	color: #00967dff !important;
}
.wc-proceed-to-checkout a{
	color: #111111 !important;
}

/* Change colour of product title in cart */
.woocommerce-cart-form .product-name {
	color: #111111 !important;
}

/* Change colour of shipping link at checkout */
.shipping-calculator-button
{color: #111111 !important;
}
.shipping-calculator-button:hover
{color: #00967dff !important;
}

/* Set inherited font size for shipping price on checkout page */
ul#shipping_method > li > label {
    font-size: inherit;
}

/* Remove bolding for shipping price on checkout page */
span.woocommerce-Price-amount.amount {
    font-weight: normal !important;
}

/* Change add to cart button colour */ .single_add_to_cart_button { background-color: #111111 !important; color: inherit !important; border-color: #111111 !important; } 

/* Change add to cart button hover colour*/ .single_add_to_cart_button:hover { background-color: #00967d!important; color: inherit !important; border-color: #00967dff !important; } 

/* Change price colour */ .woocommerce-Price-amount { color: #00967dff!important; } 


/* CHECKOUT */




/* CONTACT FORM */

/* Make background on popup message gold */

.wpuf-success {
  
  background-color: #d4af37 !important;
  border: 1px solid #d4af37 !important;
  color: #111 !important;
}


/* Change submit button color */

.weforms_submit_btn

{
 color: #111 !important;
  background: #d4af37 !important;
  border-color: #d4af37 !important;
  box-shadow: 0 1px 0 #111 !important;
  text-shadow: none !important;
}
.weforms_submit_btn:active

{
 color: #d4af37 !important;
  background: #111 !important;
  border-color: #111 !important;
  box-shadow: 0 1px 0 #111 !important;
  text-shadow: none !important;
}
.weforms_submit_btn:hover

{
 color: #d4af37 !important;
  background: #111 !important;
  border-color: #111 !important;
  box-shadow: 0 1px 0 #111 !important;
  text-shadow: none !important;
}
.weforms_submit_btn:focus

{
 color: #d4af37 !important;
  background: #111 !important;
  border-color: #111 !important;
  box-shadow: 0 1px 0 #111 !important;
  text-shadow: none !important;
}


div.dokan-wpuf-dashboard .wpuf-form .wpuf-submit .button-primary-disabled
{
color: #d4af37 !important;
  background: #111 !important;
  border-color: #111 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
	}

/* CONTACT US PAGE */

/* Change hover button color text to black */
.elementor-element-d0f7c69 > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > span:nth-child(1) > span:nth-child(1):hover {

	color: #111 !important;
}

.elementor-element-932f127 > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > span:nth-child(1) > span:nth-child(1):hover
{

	color: #111 !important;
}
.elementor-element-4679731 > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > span:nth-child(1) > span:nth-child(1):hover
{

	color: #111 !important;
}

/* FOOTER */


/* Change links in footer to white & hover to emerald*/

.elementor-element-c230933 > div:nth-child(1) > p:nth-child(1) > a:nth-child(1)	
{color: #ffffff!important
}

.elementor-element-c230933 > div:nth-child(1) > p:nth-child(1) > a:nth-child(1):hover	
{color: #00967d!important
}

.elementor-element-c230933 > div:nth-child(1) > p:nth-child(2) > a:nth-child(1)
{color: #fff !important
}

.elementor-element-c230933 > div:nth-child(1) > p:nth-child(2) > a:nth-child(1):hover
{color: #00967d !important
}
.elementor-element-c230933 > div:nth-child(1) > p:nth-child(3) > a:nth-child(1)
{color: #fff!important
}
.elementor-element-c230933 > div:nth-child(1) > p:nth-child(3) > a:nth-child(1):hover
{color: #00967d!important
}
.elementor-element-c230933 > div:nth-child(1) > p:nth-child(4) > a:nth-child(1)
{color: #fff!important
}
.elementor-element-c230933 > div:nth-child(1) > p:nth-child(4) > a:nth-child(1):hover
{color: #00967d!important
}
.elementor-element-c230933 > div:nth-child(1) > p:nth-child(5) > a:nth-child(1)
{color: #fff!important
}
.elementor-element-c230933 > div:nth-child(1) > p:nth-child(5) > a:nth-child(1):hover
{color: #00967d!important
}



/* GLOBAL BUTTONS */

/* SET ALL ELEMENTOR BUTTONS THE SAME COLOUR */
.elementor-kit-25 button
{
  color: #111111 !important;
  background-color: #00967dff !important;
}
.elementor-kit-25 button:hover
{
  color: #00967dff !important;
  background-color: #111111 !important;
}

/* Trying to change all Dokan buttons to same colour */

.dokan-btn-theme
{
    background-color: #00967dff!important; 
	color: #111111!important; border-color: #00967dff!important;
}
.dokan-btn-theme:hover
{
background-color: #111111!important; 
color: #00967dff!important; border-color: #111111!important;
}
.dokan-btn-theme:active
{
background-color: #d4af37ff!important; 
color: #111111!important;
border-color: #d4af37ff!important;
}

/* Button color on browse all listings */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
  /* color: #111; */
  /* background-color: #00967d; */
  color: #111 !important;
    background-color: #00967d !important;
 }
 
/* Kinwi: Hide large wishlist title and wishlist navigation items */
.tinv-wishlist .tinv-header h2 {
    display: none !important;
}

ul.navigation-button.tinv-wishlist-clear li:has(i.ftinvwl-bars),
ul.navigation-button.tinv-wishlist-clear li:has(i.ftinvwl-search) {
    display: none !important;
}
 
/* Button hover color on Browse all listings */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
  /* color: #00967d; */
  /* background-color: #111; */
  color: #00967d !important;
    background-color: #111 !important;
 }

/* GLOBAL LINKS */

/* Link text color black */

.elementor-kit-25 a {
  /* color: #ffffff; */
  color: #111;
}
/* Link hover color emerald */
.elementor-kit-25 a:hover {
  /* color: #ffffff; */
  color: #00967d !important;
}

/* LOGIN & ACCOUNT FORM EDITS */

/* Delete Dashboard from bulleted account option list as does not work when already on dashboard*/
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active
{
  display: none !important;
}

/* Change colour of lost password link at login */

.woocommerce-LostPassword a {
  color: #111111 !important;
}

/* Center icons and text inside TI WooCommerce Wishlist popup buttons */
.tinv-wishlist .tinvwl-buttons-group button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Remove the plugin's artificial downward shift on the icons */
.tinv-wishlist .tinvwl-buttons-group button i,
.tinv-wishlist .tinvwl-buttons-group button i::before {
    position: static !important;
    top: 0 !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* Fix Cart Page Action Buttons (Update Cart & Save Cart) */
.woocommerce-cart table.cart td.actions button[name="update_cart"],
.woocommerce-cart table.cart td.actions .tinvwl_all_cart_to_wishlist_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

/* Ensure the wishlist icon is properly treated as a flex item */
.woocommerce-cart table.cart td.actions .tinvwl_all_cart_to_wishlist_button::before {
    position: static !important;
    display: inline-block !important;
    margin: 0 !important;
}

/* Mobile: full width and stacked */
@media (max-width: 767px) {
    .woocommerce-cart table.cart td.actions button[name="update_cart"],
    .woocommerce-cart table.cart td.actions .tinvwl_all_cart_to_wishlist_button {
        width: 100% !important;
        margin-top: 10px !important;
    }
}

/* Desktop: uniform width, stacked neatly on the right */
@media (min-width: 768px) {
    .woocommerce-cart table.cart td.actions button[name="update_cart"],
    .woocommerce-cart table.cart td.actions .tinvwl_all_cart_to_wishlist_button {
        width: 200px !important;
        float: right !important;
        clear: right !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        margin-left: 15px !important;
    }
}

/* Proceed to Checkout Button Sizing */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-size: 18px !important;
    padding: 15px 20px !important;
}

/* Reduce secondary cart text sizes to make product name stand out */
.woocommerce-cart .shipping-calculator-button,
.woocommerce-cart table.cart a.tinvwl_add_to_wishlist_button,
.woocommerce-cart table.cart a.tinvwl_cart_to_wishlist_button {
    font-size: 15px !important;
}

/* Fix narrow shipping region dropdown when empty */
.woocommerce-cart .shipping-calculator-form .form-row,
.woocommerce-cart .shipping-calculator-form .woocommerce-input-wrapper,
.woocommerce-cart .shipping-calculator-form select:not(.select2-hidden-accessible),
.woocommerce-cart .shipping-calculator-form .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    display: block !important;
}

/* Ensure select2 underlying native select stays strictly hidden and non-interactive */
.woocommerce-cart .shipping-calculator-form select.select2-hidden-accessible {
    display: none !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    pointer-events: none !important;
    white-space: nowrap !important;
}

/* Ensure parent wrapper of state select is a clean block relative container */
.woocommerce-cart .shipping-calculator-form #calc_shipping_state_field > span {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

/* Ensure select2 container has proper z-index and clickability */
.woocommerce-cart .shipping-calculator-form .select2-container {
    position: relative !important;
    z-index: 10 !important;
    cursor: pointer !important;
}

/* Adjust height of shipping region dropdown to match other input fields */
.woocommerce-cart .shipping-calculator-form select:not(.select2-hidden-accessible),
.woocommerce-cart .shipping-calculator-form input.input-text,
.woocommerce-cart .shipping-calculator-form .select2-selection.select2-selection--single {
    min-height: 45px !important;
    height: 45px !important;
    padding: 0 12px !important;
    line-height: 45px !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
}

.woocommerce-cart .shipping-calculator-form .select2-selection__rendered {
    line-height: normal !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 16px !important;
}

/* Select2 open dropdown option items */
.select2-container .select2-results__option {
    font-size: 16px !important;
}

.woocommerce-cart .shipping-calculator-form .select2-selection__arrow {
    height: 45px !important;
    top: 0 !important;
}

/* Adjust font size of shipping calculator form labels and inputs */
.woocommerce-cart .shipping-calculator-form label,
.woocommerce-cart .shipping-calculator-form input,
.woocommerce-cart .shipping-calculator-form select:not(.select2-hidden-accessible),
.woocommerce-cart .shipping-calculator-form .select2-selection__rendered {
    font-size: 16px !important;
}

/* Standardize shipping cost text (make non-italic and match subtotal size) */
.woocommerce-cart .cart-collaterals .cart_totals .shipping td,
.woocommerce-cart .cart-collaterals .cart_totals .shipping td label,
.woocommerce-cart .cart-collaterals .cart_totals .shipping td .amount {
    font-style: normal !important;
    font-size: 16px !important;
}

/* Change colour of privacy policy link at login */
.woocommerce-privacy-policy-link { 
  color: #111111 !important;
}
.woocommerce-privacy-policy-link:hover { 
  color: #00967dff !important;
}

/* Change button colour on log in form */
.woocommerce-button
{ 
	background-color: #00967dff !important;
	color: #111111 !important;
}
.woocommerce-button:hover
{ 
	background-color: #111111 !important;
	color: #00967dff !important;
}

/* Change colour of text to black on forgot password link page */
body .wpuf-message {
  color: #111111 !important;
}

/* Passwords do not match error message make black text */
body .wpuf-error {
  color: #111111 !important;
}

/* Edit account save changes button */
input[type="submit"].dokan-btn-danger, a.dokan-btn-danger, .dokan-btn-danger {
  background-color: #00967dff !important;
  border-color: #111111 !important;
}

/* Kinwi: Go to Vendor Dashboard button — matches global standard */
body.woocommerce-account input[type="submit"].dokan-btn,
body.woocommerce-account a.dokan-btn,
body.woocommerce-account .dokan-btn {
  font-size: 16px;
	font-weight: 500;
	font-style: italic;
}
/* Remove download link*/
.woocommerce-MyAccount-navigation-link--downloads
{
  display: none;
}

/* Kinwi: My Account — add breathing room below header (all sub-pages) */
.woocommerce-account .woocommerce:not(.dgwt-wcas-search-wrapp) {
    padding-top: 25px !important;
}

/* Kinwi: My Account orders table & Sub Orders table — consistent text styling */
.woocommerce-orders-table th,
.woocommerce-orders-table td,
table.my_account_orders th,
table.my_account_orders td {
    vertical-align: middle !important;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-number,
table.my_account_orders td.order-number,
table.my_account_orders th.order-number {
    vertical-align: middle !important;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a,
.woocommerce-orders-table td.order-number a,
table.my_account_orders td.order-number a,
.woocommerce-account td.order-number a {
    font-family: 'Lora upload', 'Lora', serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    color: #00967d !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover,
.woocommerce-orders-table td.order-number a:hover,
table.my_account_orders td.order-number a:hover,
.woocommerce-account td.order-number a:hover,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:focus,
.woocommerce-orders-table td.order-number a:focus,
table.my_account_orders td.order-number a:focus,
.woocommerce-account td.order-number a:focus {
    color: #007a65 !important;
    text-decoration: underline !important;
}

/* Kinwi: Hide the stray <br> inside order number cell */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number p br,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a br,
table.my_account_orders td.order-number br {
    display: none !important;
}

.woocommerce-orders-table .woocommerce-orders-table__cell p {
    font-family: 'Lora upload', 'Lora', serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

/* Kinwi: Main My Account orders table — optical vertical centering */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number p,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-date p,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-date time {
    position: relative !important;
    top: -2px !important;
}

/* Kinwi: Sub Orders table — optical vertical centering */
table.my_account_orders td.order-number,
table.my_account_orders td.order-date {
    vertical-align: middle !important;
    position: static !important;
}

table.my_account_orders td.order-number a {
    position: relative !important;
    top: 1px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

table.my_account_orders td.order-date time {
    font-family: 'Lora upload', 'Lora', serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    position: relative !important;
    top: -1px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

table.my_account_orders td.order-date br {
    display: none !important;
}

/* Kinwi: Dokan Sub Orders note box — black background matching marketplace color scheme */
.dokan-info,
.woocommerce-order .dokan-info,
.woocommerce-account .dokan-info {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-top: 3px solid #000000 !important;
    border-radius: 4px !important;
}

.dokan-info strong,
.woocommerce-order .dokan-info strong,
.woocommerce-account .dokan-info strong {
    color: #ffffff !important;
}

.dokan-info:before,
.dokan-info::before,
.woocommerce-order .dokan-info:before,
.woocommerce-order .dokan-info::before,
.woocommerce-account .dokan-info:before,
.woocommerce-account .dokan-info::before {
    background-color: #262626 !important;
    color: #ffffff !important;
    border-color: #262626 !important;
}

/* Kinwi: Mobile responsive — show order number as a labelled row like the other fields */
@media screen and (max-width: 768px) {
    .woocommerce-orders-table .woocommerce-orders-table__cell-order-number {
        display: block !important;
        text-align: right !important;
    }

    .woocommerce-orders-table .woocommerce-orders-table__cell-order-number::before {
        content: attr(data-title) ": " !important;
        float: left !important;
        font-weight: 700 !important;
        font-family: 'Lora upload', 'Lora', serif !important;
        font-size: 16px !important;
        font-style: normal !important;
    }

    /* Kinwi: Sub Orders table responsive card layout on mobile and tablet */
    table.my_account_orders,
    table.shop_table.my_account_orders,
    .woocommerce-order table.my_account_orders,
    .woocommerce-account table.my_account_orders {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        margin-top: 15px !important;
        white-space: normal !important;
        overflow-x: visible !important;
    }

    table.my_account_orders thead,
    table.shop_table.my_account_orders thead {
        display: none !important;
    }

    table.my_account_orders tbody,
    table.shop_table.my_account_orders tbody {
        display: block !important;
        width: 100% !important;
    }

    table.my_account_orders tr.order,
    table.shop_table.my_account_orders tr.order {
        display: block !important;
        width: 100% !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        padding: 12px 16px !important;
        margin-bottom: 16px !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
        box-sizing: border-box !important;
    }

    table.my_account_orders tr.order td,
    table.shop_table.my_account_orders tr.order td {
        display: block !important;
        padding: 10px 0 !important;
        border: none !important;
        border-bottom: 1px solid #f1f5f9 !important;
        font-size: 14px !important;
        text-align: right !important;
        box-sizing: border-box !important;
        width: 100% !important;
        background: transparent !important;
        clear: both !important;
    }

    table.my_account_orders tr.order td:last-child,
    table.shop_table.my_account_orders tr.order td:last-child {
        border-bottom: none !important;
    }

    /* Reset relative optical shift from desktop view */
    table.my_account_orders td.order-number a,
    table.my_account_orders td.order-date time {
        position: static !important;
        top: auto !important;
        display: inline-block !important;
    }

    /* Sub order card field labels via ::before */
    table.my_account_orders td::before,
    table.shop_table.my_account_orders td::before {
        font-family: inherit;
        font-weight: 600 !important;
        color: #64748b !important;
        font-size: 13px !important;
        float: left !important;
        text-align: left !important;
        padding-right: 10px !important;
        line-height: inherit !important;
    }

    table.my_account_orders td.order-number::before {
        content: "Order" !important;
    }

    table.my_account_orders td.order-date::before {
        content: "Date" !important;
    }

    table.my_account_orders td.order-status::before {
        content: "Status" !important;
    }

    table.my_account_orders td.dokan-order-shipping-status::before {
        content: "Shipment" !important;
    }

    table.my_account_orders td.order-total::before {
        content: "Total" !important;
    }

    /* Sub order action buttons row */
    table.my_account_orders tr.order td.order-actions,
    table.shop_table.my_account_orders tr.order td.order-actions {
        display: block !important;
        text-align: right !important;
        padding-top: 12px !important;
        padding-bottom: 4px !important;
        border-bottom: none !important;
        clear: both !important;
    }

    table.my_account_orders td.order-actions::before,
    table.shop_table.my_account_orders td.order-actions::before {
        display: none !important;
        content: "" !important;
    }

    table.my_account_orders td.order-actions .button,
    table.shop_table.my_account_orders td.order-actions .button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 34px !important;
        padding: 6px 16px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        border-radius: 4px !important;
        margin: 0 0 0 8px !important;
        float: none !important;
    }
}

/* Kinwi: Desktop override — ensure order number uses 14px Lora upload on all screen sizes */
@media screen and (min-width: 769px) {
    .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a,
    table.my_account_orders td.order-number a {
        font-family: 'Lora upload', 'Lora', serif !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        color: #00967d !important;
    }
}

/* Kinwi: Orders action buttons — matches global standard */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .woocommerce-button,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .woocommerce-button:hover {
    font-family: 'Lora upload', serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-style: italic !important;
    margin: 3px 4px !important;
    padding: 8px 16px !important;
    line-height: 16px !important;
    display: inline-block !important;
    box-shadow: none !important;
    transform: none !important;
    transition: color 0.3s ease, background-color 0.3s ease !important;
}

/* Kinwi: My Account nav — remove bullets, bold links */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.woocommerce-MyAccount-navigation ul li a {
    font-weight: 700 !important;
}

/* Kinwi: Add left padding to My Account nav on smaller screens */
@media (max-width: 1170px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        padding-left: 20px !important;
    }
}

/* Kinwi: On <=768px, reorder so nav appears after content */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        float: none !important;
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    /* Target the moved dashboard button specifically */
    body.woocommerce-account .woocommerce > p.kinwi-mobile-dashboard-btn-wrapper {
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-top: 30px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        float: none !important;
    }

    /* The .woocommerce div is the direct parent of both nav and content.
       Kinwi: Strictly exclude FiboSearch elements (.dgwt-wcas-search-wrapp, .dgwt-wcas-suggestions-wrapp)
       which also carry the .woocommerce class and must never be forced to display: flex! */
    .woocommerce-account .entry-content > .woocommerce:not(.dgwt-wcas-search-wrapp):not(.dgwt-wcas-suggestions-wrapp),
    .woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation),
    .woocommerce-account .woocommerce:not(.dgwt-wcas-search-wrapp):not(.dgwt-wcas-suggestions-wrapp) {
        display: flex !important;
        flex-direction: column !important;
        min-height: auto !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        order: 2 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
        padding-bottom: 10px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        order: 1 !important;
    }
}

/* Kinwi: Align all paragraphs and the button with the text above on all screen sizes */
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce > p:has(.vendor-dashboard) {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Kinwi: Go to Vendor Dashboard button — matches global standard, no movement on hover */
body.woocommerce-account a.dokan-btn,
body.woocommerce-account .dokan-btn {
    font-size: 16px !important;
    font-weight: 500 !important;
    font-style: italic !important;
    padding: 6px 12px !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    line-height: 1.5 !important;
    transition: background-color 0.3s, color 0.3s !important;
}

body.woocommerce-account a.dokan-btn:hover,
body.woocommerce-account .dokan-btn:hover {
    font-size: 16px !important;
    font-weight: 500 !important;
    font-style: italic !important;
    padding: 6px 12px !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    line-height: 1.5 !important;
}


/* MEDIA LIBRARY */

/* Change colour of Media Library button */

/* autoptimize_single_bb3d9c28b1668fae8ae402d7d430de15.css | https://kinwi.co.nz/wp-content/cache/autoptimize/css/autoptimize_single_bb3d9c28b1668fae8ae402d7d430de15.css?ver=2.9.0 */

button, [type="submit"], [type="button"] {
  
  padding: .75rem 1rem;
}

/* Inline #1 | https://kinwi.co.nz/vendor-dashboard/products?product_id=16122&action=edit&_dokan_edit_product_nonce=c333b0d445 */

.tmce-active .switch-tmce, .html-active .switch-html {
  color: #111111;
  border-bottom-color: #111111;
}


/* Inline #52 | https://kinwi.co.nz/vendor-dashboard/products?product_id=16122&action=edit&_dokan_edit_product_nonce=c333b0d445 */

.elementor-kit-25 button, .elementor-kit-25 input[type="button"], .elementor-kit-25 input[type="submit"], .elementor-kit-25 .elementor-button {
  font-size: 12px;
}

/* Make filter media date box wider to view text */

.media-modal-content .media-frame select.attachment-filters {
  /* width: calc(48% - 12px); */
  /* width: calc(6% - 12px); */
  /* width: calc(60% - 12px); */
  /* width: calc(1% - 12px); */
  /* width: calc(10% - 12px); */
  width: calc(100% - 12px);
}

.media-frame select.attachment-filters {
  /* max-width: calc(48% - 12px); */
  /* max-width: calc(1% - 12px); */
  /* max-width: calc(10% - 12px); */
  max-width: calc(100% - 12px);
}

/* Remove alt text description as contains link */
#alt-text-description
{

               display: none !important;

}

/* Remove Smush stuff on vendor media library*/
.compat-item
{

               display: none !important;
}



/* Remove text box under insert URL */

.media-embed .setting, .media-embed .setting-group {
  /* display: block; */
  display: none;
}

/* Remove surplus buttons on add media since added video option*/
#menu-item-iframe\:ell_insert_gmap_tab
{

               display: none !important;
}

#menu-item-video-playlist
{

               display: none !important;
}

#menu-item-playlist
{

               display: none !important;
}

#menu-item-gallery
{

               display: none !important;
}

/* Make font smaller on title and URL */

.product-edit-container .dokan-feat-image-upload a.close {
  
  font-size: 80px;
  padding: 10% 0;
}

/* post-25.css | https://kinwi.co.nz/wp-content/uploads/elementor/css/post-25.css?ver=1718403111 */

.elementor-kit-25 input:not([type="button"]):not([type="submit"]), .elementor-kit-25 textarea, .elementor-kit-25 .elementor-field-textual {
  
  font-size: 14px;
}



/* style.css | https://kinwi.co.nz/wp-content/plugins/dokan-lite/assets/css/style.css?ver=1718149759 */

.product-edit-new-container .dokan-new-product-featured-img a.close {
  
  height: 25% !important;
  width: 25% !important;
}

.attachment-details > h2:nth-child(1)
{font-family: "Lora upload";}

/* NEWSLETTER */

/* Change subscribe to newsletter text and button colour */

/* Inline #33 | https://kinwi.co.nz/ */

.elementor-kit-25 button, .elementor-kit-25 input[type="button"], .elementor-kit-25 input[type="submit"], .elementor-kit-25 .elementor-button {
  /* font-style: normal; */
  font-style: italic;
}

/* Change font on subscribe to newsletter form */

#mlb2-10174017.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
  /* font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif !important; */
  font-family: "Gabriela upload" !important;
}

#mlb2-10174017.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
  /* font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; */
  font-family: "Gabriela upload" !important;
}

/* Inline #46 | https://kinwi.co.nz/ */

#mlb2-10174017.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
  /* font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif !important; */
  font-family: "Gabriela upload" !important;
}


/* Inline #46 | https://kinwi.co.nz/ */

#mlb2-10174017.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-10174017.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
  /* font-family: 'Open Sans', Arial, Helvetica, sans-serif; */
  font-family: "Gabriela upload" !important;
}

#mlb2-10174017.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p, #mlb2-10174017.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
  /* font-family: 'Open Sans', Arial, Helvetica, sans-serif; */
  font-family: "Gabriela upload" !important;
}

/* Inline #46 | https://kinwi.co.nz/ */

#mlb2-10174017.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
  /* font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif !important; */
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-family: "Gabriela upload" !important;
}



/* ORDERS: Align "Order again" and "Contact vendor" buttons vertically and horizontally */
.woocommerce-order-details .order-again,
.woocommerce-view-order .order-again {
  display: inline-block !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  margin-right: 14px !important;
  vertical-align: top !important;
}

.woocommerce-order-details .order-again .button,
.woocommerce-view-order .order-again .button,
.woocommerce-order-details .dokan-store-support-btn-product,
.woocommerce-view-order .dokan-store-support-btn-product,
.dokan-store-support-btn-product,
.kinwi-order-contact-vendor a.button,
.kinwi-order-contact-vendor .kinwi-contact-vendor-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  line-height: 40px !important;
  padding: 0 20px !important;
  font-family: 'Lora upload', serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  border-radius: 3px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

.woocommerce-order-details .order-again .button,
.woocommerce-view-order .order-again .button,
.woocommerce-order-details .dokan-store-support-btn-product,
.woocommerce-view-order .dokan-store-support-btn-product,
.dokan-store-support-btn-product,
.kinwi-order-contact-vendor a.button,
.kinwi-order-contact-vendor .kinwi-contact-vendor-btn {
  background-color: #00967d !important;
  color: #111111 !important;
  border: 1px solid #00967d !important;
  cursor: pointer !important;
}

.woocommerce-order-details .order-again .button:hover,
.woocommerce-view-order .order-again .button:hover,
.woocommerce-order-details .dokan-store-support-btn-product:hover,
.woocommerce-view-order .dokan-store-support-btn-product:hover,
.dokan-store-support-btn-product:hover,
.kinwi-order-contact-vendor a.button:hover,
.kinwi-order-contact-vendor .kinwi-contact-vendor-btn:hover {
  background-color: #00826c !important;
  border-color: #00826c !important;
  color: #111111 !important;
}

/* Dimensions for single-vendor buttons and "Order again" */
.woocommerce-order-details .order-again .button,
.woocommerce-view-order .order-again .button,
.woocommerce-order-details .dokan-store-support-btn-product,
.woocommerce-view-order .dokan-store-support-btn-product,
.dokan-store-support-btn-product {
  width: 167px !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  vertical-align: top !important;
}

/* Hide Dokan's broken login-prompt support button for logged-out guests on web order pages */
.woocommerce .dokan-store-support-btn.user_logged_out {
  display: none !important;
}

/* Kinwi: Order Confirmation & View Order Contact Vendor section (multi-vendor & single-vendor) */
.kinwi-order-contact-vendor {
  margin-top: 10px !important;
  margin-bottom: 30px !important;
  clear: both !important;
}

.kinwi-order-contact-vendor p,
.kinwi-order-contact-vendor .kinwi-order-contact-vendor-prompt {
  font-family: 'Lora upload', serif !important;
  font-size: 15px !important;
  color: #333333 !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.4 !important;
}

.kinwi-order-contact-vendor .kinwi-order-contact-vendor-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px 24px !important;
  align-items: flex-start !important;
}

.kinwi-vendor-contact-col {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
}

.kinwi-vendor-contact-col br {
  display: none !important;
}

.kinwi-vendor-contact-col .kinwi-contact-vendor-btn {
  min-width: 167px !important;
  max-width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
}

.kinwi-vendor-contact-email {
  margin-top: 6px !important;
  font-family: 'Lora upload', serif !important;
  font-size: 13px !important;
  color: #00967d !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  word-break: break-all !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}

.kinwi-vendor-contact-email:hover {
  color: #111111 !important;
  text-decoration: underline !important;
}

@media (max-width: 480px) {
  .woocommerce-order-details .order-again,
  .woocommerce-view-order .order-again,
  .woocommerce-order-details .order-again .button,
  .woocommerce-view-order .order-again .button,
  .woocommerce-order-details .dokan-store-support-btn-product,
  .woocommerce-view-order .dokan-store-support-btn-product,
  .dokan-store-support-btn-product,
  .kinwi-vendor-contact-col,
  .kinwi-vendor-contact-col .kinwi-contact-vendor-btn {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }
}

/* Change padding on button to make larger */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
  /* padding: .618em 1em; */
  padding: .6em 1em;
}


/* PRODUCT & STORE PAGE EDITS*/


/* Make font the same on Follow, contact, share buttons to make button size consistent */




/* Inline #55 | https://kinwi.co.nz/store/test-store/ */

.elementor-kit-25 button, .elementor-kit-25 input[type="button"], .elementor-kit-25 input[type="submit"], .elementor-kit-25 .elementor-button {
  /* font-size: 12px; */
  font-size: 15px;
}

.dokan-single-store .dokan-follow-store-button {
  /* font-size: 14px !important; */
  font-size: 15px !important;
	font-style: italic !important;
}




/* Make feedback stars gold */

#dokan-seller-listing-wrap .seller-listing-content .dokan-seller-wrap .dokan-single-seller .store-wrapper .store-data .dokan-seller-rating i.dashicons.dashicons-star-filled, #dokan-seller-listing-wrap .seller-listing-content .dokan-seller-wrap .dokan-single-seller .store-wrapper .store-data .dokan-seller-rating i.dashicons.dashicons-star-half {
  
  color: #d4af37;
}
/* Remove store support button on all stores so only customers who have purchased receive it */



/* Make close icon cross in the middle of the button or left pad button out */

div.dokan-izimodal-close-btn
{
  
  padding-left: 3px !important
}


/* Make onsale badge gold */

.woocommerce span.onsale {
  /* background-color: #d4af37; */
  background-color: #d4af37;
}


/* Increase font size on image caption & make italic */

.pswp__caption__center {
  
  font-size: 16px;
	font-style: italic
}

/* Change text on store follow button to make it easier to read*/

.dokan-follow-store-button
{
font-family: "Lora upload" !important;
font-weight: 600 !important;
font-style: normal !important;
	font-size: 14px !important
}

/* Hide Follow store loading button */

#dokan-login-form-working-btn {
  display: none;
}



/* Make vendor font bigger */
.dokan-vendor-name h5
{
  font-size: 15px !important;
	font-style: normal !important;
	font-weight: 600 !important;
}

/* Make vendor hover link green */
.dokan-vendor-name h5:hover
{
  color: #00967dff !important;
}

/* Remove border boxes from location map on product page */
*, ::before, ::after {
box-sizing: border-box !important;
    border-radius: 0 !important;
}

/* Change colour of number in stock text */
.woocommerce div.product .stock {
color: #00967dff!important;
}

/* Change colour of wishlist icon on product page */
.woocommerce div.product form.cart .tinvwl_add_to_wishlist_button {
  font-family: inherit!important;
  font-size: 18px!important;
}
.tinv-wishlist a:not(.button):not(.social) {
  font-family: inherit!important;
  font-weight: 400!important;
  color: #00967dff!important;
 }

/* Kinwi: Hide duplicate wishlist icons once a product is already in the wishlist (fixing conflict) */
.tinvwl-product-in-list.tinvwl-product-make-remove img.icon-add-on-wishlist, 
.tinvwl_add_to_wishlist_button.tinvwl-product-in-list img.icon-add-on-wishlist {
    display: none !important;
}

.woocommerce.tinv-wishlist #respond input#submit.alt, .woocommerce.tinv-wishlist a.button.alt, .woocommerce.tinv-wishlist button.button.alt, .woocommerce.tinv-wishlist input.button.alt {
color: #00967dff;
}

/* align quantity button on product page with other buttons */
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.25;
    margin: 0;
}


/* Change added to cart green tick to emerald */

.woocommerce-message::before {
  /* color: #8fae1b; */
  color: #00967d;
}

/* Change border-top of added to cart to emerald */


.woocommerce-message {
  
  border-top-color: #00967d;
}


/*SUPERFLY MENU EDITS */

/* Kinwi: Prevent hidden Superfly panel from bleeding into viewport */
#sfm-sidebar.sfm-fully-hidden {
  transform: translate3d(-100%, 0, 0) !important;
  overflow: hidden !important;
}

/* Kinwi: Cap Superfly panel to screen width on narrow devices */
@media (max-width: 500px) {
  #sfm-sidebar,
  #sfm-sidebar .sfm-scroll-wrapper,
  #sfm-sidebar .sfm-scroll,
  #sfm-sidebar .sfm-va-middle,
  #sfm-sidebar .sfm-nav,
  #sfm-sidebar .sfm-menu,
  #sfm-sidebar .sfm-menu li,
  #sfm-sidebar .sfm-menu li a {
    width: 100% !important;
    max-width: 100% !important;
  }
}

#sfm-sidebar.sfm-fully-hidden .sfm-scroll {
  overflow-y: hidden !important;
}

/* Hide search icon on Superfly menu */
.sfm-search-form > span:nth-child(2) {
  display: none !important;
}

/* Hide search bar on Superfly menu */
#sfm-sidebar .sfm-search-form input[type="text"] {
  display: none !important;
}

/* Kinwi: Stop Superfly vertical-centering menu items on tall viewports */
#sfm-sidebar .sfm-va-middle {
  display: block !important;
  vertical-align: top !important;
}

/* Kinwi: Smaller close (X) button */
#sfm-sidebar .sfm-sidebar-close {
  width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  line-height: 22px !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  padding: 4px !important;
  box-sizing: content-box !important;
}

/* Kinwi: Consistent gap below close button — all screen sizes */
#sfm-sidebar .sfm-nav {
  margin-top: 15px !important;
}

/* Kinwi: Superfly menu — 16px font, text wrapping, icons to match */
#sfm-sidebar .sfm-menu li a {
  font-size: 16px !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
    border-radius: 0 !important;
}

#sfm-sidebar .sfm-menu li a img {
  width: 18px !important;
  height: auto !important;
}

/* Kinwi: Constrain menu items to panel width so text wraps */
#sfm-sidebar .sfm-menu li {
  max-width: 100% !important;
  box-sizing: border-box !important;
    border-radius: 0 !important;
}

#sfm-sidebar .sfm-menu li a span {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  display: inline-block !important;
  max-width: 100% !important;
}



/*VENDOR DASHBOARD PAGES */


/* Hide the Terms and Conditions checkbox so vendors cannot disable it */
.dokan-form-group input#dokan_store_tnc_enable {
    display: none;
}

/* Decrease font size on announcements */

.dokan-announcement-wrapper .dokan-announcement-wrapper-item .dokan-announcement-heading h3 {

  font-weight: semi-bold;
  font-size: 16px;
}


/* Change support submit reply button to emerald */

.dokan-dss-panel-default .dokan-dss-panel-body .comment-respond .comment-form .form-submit .submit {
  /* background: #3D566E !important; */
  background: #00967d !important;
}


/* Align buttons on vendor pages by reducing padding */

button, [type="submit"], [type="button"] {
  /* padding: .75rem 1rem; */
  padding: .4rem 1rem;
}

input[type="submit"].dokan-btn-sm, a.dokan-btn-sm, .dokan-btn-sm {
  /* padding: 6px 12px; */
  padding:7px 12px;
}

input[type="submit"].dokan-btn-sm, a.dokan-btn-sm, .dokan-btn-sm {
  /* padding: 6.5px 12px; */
  padding: 7px 12px;
}



/* Remove affiliate and group options from product search on vendor dashboard */
#filter-by-type > option:nth-child(4)
{

               display: none !important;

}
#filter-by-type > option:nth-child(5)
{

               display: none !important;

}

/* Remove crap at bottom of products tab */

/* Removes Browse all listings selector */
.dokan_select_cat_for_new_product_popup_0 > div:nth-child(1){

  display: none !important;
}

/* Removes create and create and add new buttons from products tab */
#dokan-create-new-product-btn{

  display: none !important;
}
#dokan-create-and-add-new-product-btn{

  display: none !important;
}

div.dokan-product-gallery ~ div.product-full-container:has(div.dokan-new-cat-ui-title + span.cat_box_for_new_product_popup),

div.dokan-product-gallery:has(~ div.product-full-container)

{

  display: none !important;

}

/* Change background green for online status to Emerald on dashboard buttons & font to normal */

.dokan-label-success {
  /* background-color: #5cb85c; */
  background-color: #00967d !important;
  font-style: normal !important;
}

/*Change in stock text to Emerald */

.dokan-product-listing .dokan-product-listing-area table.product-listing-table mark.instock {
  /* color: #7ad03a; */
  color: #00967d !important;
}

/* Make slider button emerald on shipping status toggle */

.slider {
  
  --dokan-toggle-active-color: #00967d !important;
}
/* Decrease title font sizes on Vendor dashboard */

.elementor-kit-25 h1 {
  /* font-size: 25px; */
  font-size: 20px;
}

.elementor-kit-25 h2 {
  /* font-size: 23px; */
  font-size: 20px;
}



/* Remove downloadable product permission box from view order */
div.dokan-panel:has(div.order_download_permissions) {

               display: none !important;

}




/* Remove add tracking number under order note */

div.dokan-form-group:has(#dokan-add-tracking-number) {
 display: none;
}




/* Increase width of product number box in order so can fit number*/

.ast-product-table input.ast_product_number 
  
 { width: 50px !important;
}

/* Decrease font for Delete note in order notes*/

#dokan-order-notes .delete_note {

               font-size: 14px !important;

}

/* Decrease font for Delete tracking in Shipment Tracking notes*/

.ast-dokan-delete-tracking
{

               font-size: 14px !important;

}


/*Change text on shipment status box to black */

.dokan-order-shipping-status .dokan-label-success {
  /* color: #5b841b; */
  color: #111;
}


/* Change font and background on order status */

.dokan-label-info {
  /* background-color: #5bc0de; */
  background-color: #d4af37;
}

.dokan-label {
  /* color: #fff; */
  color: #111;
}



/* Make View & Quick Edit on Orders always visible */

.dokan-product-listing .dokan-product-listing-area .row-actions {
  visibility: VISIBLE !IMPORTANT;
}


/* Decrease width of Action column under Orders */

.dokan-orders-content .dokan-orders-area td.dokan-order-action {
	grid-template-columns: repeat(3, 0fr) !important;
}


/* Remove Customer IP from order details */

ul.customer-details
li:has(a[target="_blank"]) {
 display: none;
}

/* Remove Customer phone number from order details */

ul.customer-details li:nth-child(3) {
	display: none;
}

/* Remove promotions and keyword tabs from Analytics */
.dokan-dashboard-content ul.dokan_tabs li:has(a[href="https://kinwi.co.nz/vendor-dashboard/analytics/?tab=promotions"]),

.dokan-dashboard-content ul.dokan_tabs li:has(a[href="https://kinwi.co.nz/vendor-dashboard/analytics/?tab=keyword"]) {

               display: none !important;

}


/* Change green to emerald on success message on vendor dashboard store progress */

.dokan-alert-success {
  
  color: #00967d;
}


/* Kinwi: Force-hide Dokan profile completeness widget/banner */
.dokan-dashboard .dokan-profile-completeness,
.dokan-dashboard-content .dokan-profile-completeness,
div.dokan-panel.dokan-panel-default.dokan-profile-completeness {
  display: none !important;
  visibility: hidden !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.dokan-dashboard .dokan-profile-completeness .dokan-alert,
.dokan-dashboard-content .dokan-profile-completeness .dokan-alert {
  display: none !important;
}
/* REPORTS*/

/* Kinwi: Make sure report-content area allows wrapped tabs to display properly */
.dokan-dashboard .dokan-reports-content {
  overflow: visible !important;
}

.dokan-dashboard .dokan-reports-content .dokan-reports-area ul.dokan_tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  border: none !important;
  margin-bottom: 12px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.dokan-dashboard .dokan-reports-content .dokan-reports-area ul.dokan_tabs > li {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  border: 1px solid #EDEDED !important;
  border-bottom: 1px solid #EDEDED !important;
  display: block !important;
  box-sizing: border-box;
}

.dokan-dashboard .dokan-reports-content .dokan-reports-area ul.dokan_tabs > li a {
  display: block;
  padding: 6px 6px !important;
  font-size: 12px !important;
  text-align: center;
  white-space: nowrap;
}

.dokan-dashboard .dokan-reports-content .dokan-reports-area ul.dokan_tabs > li.active {
  background-color: rgba(255, 255, 255, 0.1);
}





/*Change colour of  Daily sales show button to Emerald and black on hover*/


input[type="submit"].dokan-btn-success, a.dokan-btn-success, .dokan-btn-success {

  background-color: #00967d !important;
  border-color: #00967d !important;
}
input[type="submit"].dokan-btn-success:hover, a.dokan-btn-success:hover, .dokan-btn-success:hover
{

  background-color: #111 !important;
  border-color: #111 !important;
}


/* Decrease font size for numbers */

.dokan-reports-content .dokan-reports-area ul.chart-legend li strong {
  
  font-size: 20px;
}



/* VENDOR PRODUCT LISTING PAGE*/

/* Remove popup discounted price scheduler from bottom of products page */
div.content-half-part.dokan-product-field-content
{
 
  display: none !important;
  
} 

/* Make main image full size in product page */

.product-edit-new-container .dokan-product-edit-form .dokan-new-product-featured-img {
  
  max-height: 600px;
}

.product-edit-new-container .dokan-new-product-featured-img {
  
  height: 100% !important;
}

/* Make permalink text smaller in product page */
#sample-permalink > a:nth-child(1)
{
  
  font-size: 16px !important;
}

#sample-permalink > a:nth-child(1):hover
{
  
  font-size: 16px !important;
}

/* Kinwi: Return to Dashboard button � shown only to the vendor on their own store page */
.kinwi-return-to-dashboard {
    margin: 0 0 20px 0;
}

.kinwi-dashboard-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px;
    background-color: #00967d !important;
    color: #000000 !important;
    border: 2px solid #00967d !important;
    border-radius: 4px;
    font-family: "Lora upload" !important;
    font-size: 16px !important;
    font-weight: 500;
    height: 34px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    line-height: 1;
}

.kinwi-dashboard-btn:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #00967d !important;
}

.kinwi-dashboard-btn:active {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #00967d !important;
}

/* Make success saved product tick emerald background & border-top emerald */


.dokan-message::before {
  
  background-color: #00967d;
}

/* Kinwi: Unhide column labels in dataviews list view on mobile */
.dokan-dashboard-content .dataviews-view-list__field-label.components-visually-hidden {
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  margin: 0 0 2px 0 !important;
  overflow: visible !important;
  position: static !important;
  width: auto !important;
  display: block !important;
  color: #666;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Add some spacing between the label and the value */
.dokan-dashboard-content .dataviews-view-list__field {
  margin-bottom: 12px;
}


/* Kinwi: Ensure dashboard store settings form is responsive down to 260px */
@media (max-width: 767px) {
    #store-form .dokan-form-control,
    #store-form input[type="text"],
    #store-form input[type="url"],
    #store-form select,
    #store-form textarea {
        max-width: 100% !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    
    #store-form [class*="dokan-w"] {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Ensure no text overflows the screen on very small devices */
    #store-form {
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        box-sizing: border-box !important;
        padding: 0 10px !important;
    }

    #store-form .dokan-form-group {
        margin-bottom: 15px !important;
    }
    
    #store-form .dokan-control-label {
        margin-bottom: 5px !important;
        display: block !important;
        text-align: left !important;
    }
    
    #store-form .checkbox label, 
    #store-form .radio label {
        white-space: normal !important;
        word-break: break-word !important;
    }
}

/* Kinwi: Guarantee Vacation Setting alignment on all mobile widths */
#store-form .goto_vacation_settings {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
}
#store-form .goto_vacation_settings .dokan-w3 {
    width: auto !important;
    min-width: auto !important;
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#store-form .goto_vacation_settings .dokan-w9 {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#store-form .goto_vacation_settings .checkbox,
#store-form .goto_vacation_settings label {
    margin-top: 0 !important;
    padding-left: 10px !important;
    white-space: normal !important;
    word-break: break-word !important;
}

/* Kinwi: Fix Top Update Settings Button on Mobile */
button.dokan-update-setting-top-button,
#store-form input[type="submit"].dokan-update-setting-top-button,
.dokan-dashboard-content input[value="Update Settings"] {
    font-size: 16px !important;
    padding: 8px 15px !important;
    margin-top: 15px !important;
    line-height: 1.2 !important;
    height: auto !important;
    max-width: 100% !important;
    white-space: nowrap !important;
}
@media (max-width: 480px) {
    span.dokan-update-setting-top {
        float: none !important;
        width: auto !important;
          max-width: 100% !important;
          clear: both !important;
          display: inline-block !important;
        margin: 5px 0 !important;
        padding: 0 !important;
    }
    
    button.dokan-update-setting-top-button,
    #store-form input[type="submit"].dokan-update-setting-top-button,
    .dokan-dashboard-content input[value="Update Settings"] {
        font-size: 14px !important;
        padding: 8px 12px !important;
        margin: 0 !important;
        position: static !important;
        float: none !important;
        width: auto !important;
          max-width: 100% !important;
          clear: both !important;
          display: inline-block !important;
    }
    
    
    /* Kinwi: Fix payment methods header overlap on small screens */
    .dokan-dashboard-content .dokan-payment-settings-summary .payment-methods-listing-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px;
    }
    .dokan-dashboard-content .dokan-payment-settings-summary .payment-methods-listing-header > h2 {
        margin-bottom: 0 !important;
    }
    .dokan-dashboard-content .dokan-payment-settings-summary .payment-methods-listing-header > div {
        text-align: left !important;
        width: 100% !important;
    }
    .dokan-dashboard-content .dokan-payment-settings-summary #vendor-payment-method-drop-down-wrapper {
        right: auto !important;
        left: 0 !important;
    }

    /* Kinwi: Visit Store link sizing on mobile */
    .dokan-dashboard-header h1.entry-title a,
    .dokan-dashboard-header h1.entry-title small a {
        font-size: 16px !important;
    }
    
    /* Kinwi: Fix bottom update settings button container margin */
    #store-form .dokan-w4.ajax_prev,
    #payment-form .dokan-w4.ajax_prev {
        margin-left: 0 !important;
        width: 100% !important;
    }
    
    /* Kinwi: Fix Gravatar remove button on mobile */
    .dokan-settings-content .dokan-settings-area .dokan-gravatar .gravatar-wrap {
        position: relative !important;
        display: inline-block !important;
    }
    .dokan-settings-content .dokan-settings-area .dokan-gravatar .dokan-remove-gravatar-image {
        z-index: 10 !important;
        cursor: pointer !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        font-size: 35px !important;
        line-height: 40px !important;
        padding-top: 0 !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

/* Kinwi: Allow labels to wrap naturally so they never clip or slide under inputs on tablet/desktop */
#store-form .dokan-control-label {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    line-height: 1.35 !important;
}

#store-form .dokan-control-label .required {
    white-space: nowrap !important;
    display: inline-block !important;
}

/* Kinwi: On screens <= 1100px, stack Terms and Conditions label above editor so it never clips */
@media (max-width: 1100px) {
    #store-form #dokan_tnc_text .dokan-w3,
    #store-form #dokan_tnc_text .dokan-w8 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        text-align: left !important;
    }
    #store-form #dokan_tnc_text .dokan-w3 {
        margin-bottom: 8px !important;
    }
}

/* Kinwi: Fix Vacation spacing overriding and make it a distinct, aligned option */
#store-form #dokan-seller-vacation-settings {
    border: 1px solid #e1e1e1 !important;
    padding: 15px 20px !important;
    border-radius: 5px;
    background: #fbfbfb;
    box-sizing: border-box !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
/* On larger screens, align with input column (starts at 25% where dokan-w3 label ends) */
@media (min-width: 768px) {
    #store-form #dokan-seller-vacation-settings {
        /* Align left edge with input columns */
        margin-left: 25% !important;
        margin-right: 0 !important;
        width: 50% !important;
        max-width: 50% !important;
    }
    #store-form #dokan-seller-vacation-settings .goto_vacation_settings {
        display: flex;
        align-items: center;
    }
    #store-form #dokan-seller-vacation-settings .goto_vacation_settings .dokan-w3 {
        margin-bottom: 0 !important;
        padding-top: 0 !important;
    }
}

/* Kinwi: Fix store banner aspect ratio on all screens */
.dokan-settings-content .dokan-settings-area .dokan-banner {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 3 / 1;
    overflow: hidden !important;
}
.dokan-settings-content .dokan-settings-area .dokan-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.dokan-settings-content .dokan-settings-area .dokan-banner .dokan-remove-banner-image {
    height: 100% !important;
    padding-top: 0 !important;
    /* Use flex for centering, but keep it hidden by default */
    align-items: center;
    justify-content: center;
}
.dokan-settings-content .dokan-settings-area .dokan-banner:hover .dokan-remove-banner-image {
    display: flex !important;
}

/* Kinwi: Widen store settings elements on tablet/small desktop screens to reduce white space */
@media (min-width: 768px) and (max-width: 1024px) {
    #store-form .dokan-w5,
    #store-form .dokan-w6 {
        width: 70% !important;
    }
}

/* Kinwi: Force all elements to shrink to viewport width to prevent layout overflow */
@media (max-width: 880px) {
    /* Nuclear option for Elementor/Dokan horizontal scrolling on mobile */
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .dokan-dashboard-wrap {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    /* Prevent any element from exceeding viewport width */
    .dokan-dashboard-content,
    .dokan-settings-area,
    .dokan-form-horizontal,
    .dokan-w3, .dokan-w4, .dokan-w5, .dokan-w6, .dokan-w7, .dokan-w8, .dokan-w9, .dokan-w12 {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Force Native Selects and Select2 to shrink */
    .dokan-dashboard select, 
    .dokan-dashboard .select2-container,
    .dokan-dashboard .select2-selection {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    
    .dokan-dashboard select {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }



    /* Kinwi: Prevent stripe container and alerts from overflowing horizontally */
    .dokan-stripe-connect-container,
    .dokan-alert {
        max-width: 100% !important;
        box-sizing: border-box !important;
        word-wrap: break-word !important;
    }
    /* Kinwi: Fix fieldset causing horizontal scrollbar on mobile */
    .dokan-dashboard-content fieldset {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
    }
    .dokan-dashboard-content .dokan-form-horizontal .dokan-form-group {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Force TinyMCE Editor to shrink */
    .dokan-dashboard .wp-editor-wrap,
    .dokan-dashboard .mce-tinymce,
    .dokan-dashboard .mce-container,
    .dokan-dashboard .mce-container-body,
    .dokan-dashboard .mce-toolbar,
    .dokan-dashboard .mce-btn-group,
    .dokan-dashboard .mce-path {
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
    }
}


/* Kinwi: FiboSearch suggestions dropdown must NEVER be displayed unless opened */
.dgwt-wcas-suggestions-wrapp:not(.dgwt-wcas-is-open),
.dgwt-wcas-suggestions-wrapp[style*="display: none"] {
    display: none !important;
    min-height: 0 !important;
    height: 0 !important;
}

/* Kinwi: Hide "Click here to add Shipping Policies" button on mobile across all mobile browsers */
.dokan-dashboard-layout:has(.dokan-shipping-zone-list-container) .dokan-header-actions,
.dokan-dashboard-layout:has(#vendor-shipping-zones) .dokan-header-actions,
.dokan-header-actions:has(button:has(.fa-cog)),
.dokan-header-actions button:has(.fa-cog),
.dokan-header-actions:has(i.fa-cog),
.dokan-header-actions button,
button.dokan-btn:has(.fa-cog),
.dokan-dashboard-header .entry-title a.dokan-btn,
.dokan-dashboard-header .entry-title a[href*="settings/shipping/settings"],
.dokan-dashboard-header .entry-title a[href*="settings/shipping#/settings"],
.dokan-dashboard-header .entry-title a:has(.fa-cog),
.dokan-dashboard-header .entry-title span[style*="position:absolute"],
.dokan-dashboard-header .entry-title span[style*="position: absolute"],
.dokan-dashboard-header a.dokan-btn:has(.fa-cog) {
    display: none !important;
}

.dokan-header-title h3 span,
.dokan-header-title-section h3 span {
    flex-wrap: wrap !important;
    align-items: center !important;
}

.dokan-dashboard-header .entry-title span.kinwi-shipping-guide-link,
.dokan-dashboard-header .entry-title span.kinwi-shipping-guide-link a,
.dokan-header-title span.kinwi-shipping-guide-link,
.dokan-header-title span.kinwi-shipping-guide-link a,
#store-form span.kinwi-tnc-guide-link,
#store-form span.kinwi-tnc-guide-link a {
    display: inline-block !important;
}

/* Kinwi: Guarantee Lora upload font on guide links and beat 01-base.css H3 * specificity on mobile */
html body.dokan-dashboard .dokan-dashboard-wrap h3.text-2xl.font-semibold.text-gray-800 span.kinwi-shipping-guide-link,
html body.dokan-dashboard .dokan-dashboard-wrap h3.text-2xl.font-semibold.text-gray-800 span.kinwi-shipping-guide-link *,
html body.dokan-dashboard .dokan-dashboard-wrap span.kinwi-shipping-guide-link,
html body.dokan-dashboard .dokan-dashboard-wrap span.kinwi-shipping-guide-link *,
html body.dokan-dashboard span.kinwi-shipping-guide-link,
html body.dokan-dashboard span.kinwi-shipping-guide-link *,
.kinwi-shipping-guide-link,
.kinwi-shipping-guide-link *,
.kinwi-tnc-guide-link,
.kinwi-tnc-guide-link * {
    font-family: "Lora upload", Lora, serif !important;
    font-style: italic !important;
}
html body.dokan-dashboard span.kinwi-shipping-guide-link i.fas,
html body.dokan-dashboard span.kinwi-tnc-guide-link i.fas {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
}