/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


/* Product title - desktop: 14px (was 16px, -2pt) */
.tmb .t-entry-title,
.tmb .woocommerce-loop-product__title {
  font-size: 14px !important;
  line-height: 1.3 !important;
}

/* Product price - desktop: smaller */
.tmb .price,
.tmb .woocommerce-Price-amount {
  font-size: 12px !important;
}

/* Mobile: titles 12px (-4pt), price 11px */
@media (max-width: 959px) {
  .tmb .t-entry-title,
  .tmb .woocommerce-loop-product__title {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
  .tmb .price,
  .tmb .woocommerce-Price-amount {
    font-size: 11px !important;
  }
}


/* Category filter labels - bold, 16px, centered */
.term-filter-link {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
.term-filters-list--inline {
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.term-filters-list--inline .term-filter {
  text-align: center !important;
}

@media (max-width: 959px) {
  .term-filter-link {
    font-size: 13px !important;
  }
}

/* ============================================
   CHECKOUT PAGE FIXES
   ============================================ */

/* Reduce placeholder font size in checkout fields */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder,
.woocommerce-checkout select {
  font-size: 13px !important;
  color: #999 !important;
}

/* Checkout input fields - consistent sizing */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
  font-size: 13px !important;
  padding: 8px 12px !important;
  height: auto !important;
  min-height: 38px !important;
  font-family: "DM Sans", sans-serif !important;
  border: 1px solid #ddd !important;
  border-radius: 3px !important;
}

/* Order notes textarea - smaller */
.woocommerce-checkout #order_comments {
  height: 70px !important;
  min-height: 70px !important;
  font-size: 13px !important;
  resize: vertical;
}

/* Payment method labels */
.woocommerce-checkout #payment .payment_methods label {
  font-size: 13px !important;
  font-family: "DM Sans", sans-serif !important;
}

/* Credit card fields container - fix spacing */
.woocommerce-checkout .ppcp-credit-card-gateway-card-fields .form-row {
  margin-bottom: 8px !important;
}

.woocommerce-checkout .ppcp-credit-card-gateway-card-fields label {
  font-size: 12px !important;
  margin-bottom: 4px !important;
  display: block !important;
  color: #333 !important;
}

/* Credit card iframes - consistent height */
.woocommerce-checkout .ppcp-credit-card-gateway-card-fields iframe {
  height: 38px !important;
  max-height: 38px !important;
}

/* Billing details heading */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
  font-size: 16px !important;
  font-family: Jost, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 20px !important;
}

/* Ship to different address label */
.woocommerce-checkout #ship-to-different-address label {
  font-size: 14px !important;
}

/* Place order button */
.woocommerce-checkout #place_order {
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 12px 30px !important;
}

/* Payment box descriptions */
.woocommerce-checkout .payment_box {
  font-size: 12px !important;
  padding: 10px 15px !important;
}

/* Fix coupon toggle text */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  font-size: 13px !important;
}

/* Select2 dropdown (country selector) */
.woocommerce-checkout .select2-container .select2-selection,
.woocommerce-cart .select2-container .select2-selection {
  height: 38px !important;
  font-size: 13px !important;
  padding: 0 12px !important;
  border: 1px solid #ddd !important;
  border-radius: 3px !important;
}
.woocommerce-checkout .select2-container .select2-selection__rendered,
.woocommerce-cart .select2-container .select2-selection__rendered {
  line-height: 38px !important;
  font-size: 13px !important;
  padding: 0 20px 0 0 !important;
  font-family: "DM Sans", sans-serif !important;
}

/* ==========================================
   MOBILE: Top bar - allow text wrapping
   ========================================== */
@media (max-width: 959px) {
  .top-menu .menu-bloginfo-inner {
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.4 !important;
    padding: 4px 10px !important;
  }
  .top-menu .topbar-col-center {
    height: auto !important;
    min-height: auto !important;
  }
  .top-menu .row-menu-inner {
    height: auto !important;
    min-height: auto !important;
    flex-wrap: wrap !important;
  }
  .top-menu .topbar-col {
    height: auto !important;
    min-height: auto !important;
  }
}

/* ==========================================
   MOBILE: Filters inline instead of side menu
   ========================================== */
@media (max-width: 959px) {
  .grid-filters .filter-show-all {
    display: none !important;
  }
  .grid-filters .menu-horizontal {
    display: block !important;
    position: static !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    background: transparent !important;
  }
  .grid-filters .menu-horizontal > .filter-main-group {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
  }
  .grid-filters .menu-horizontal .menu-smart > li {
    display: inline-block !important;
  }
  .grid-filters .extra-filters-wrapper {
    position: static !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 8px !important;
  }
}

/* ==========================================
   SLIDE-OUT PANELS: Disclaimer & Wholesale
   ========================================== */
.ladv-panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.ladv-panel-overlay.active {
  opacity: 1;
  visibility: visible;
}
.ladv-panel {
  position: fixed;
  top: 0;
  right: -450px;
  width: 450px;
  max-width: 90vw;
  height: 100%;
  background: #fff;
  z-index: 99999;
  transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: auto;
  box-shadow: -4px 0 20px rgba(0,0,0,0.15);
}
.ladv-panel.active {
  right: 0;
}
.ladv-panel-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: none;
  border: none;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #000;
  font-weight: 300;
  z-index: 1;
}
.ladv-panel-close:hover {
  opacity: 0.6;
}
.ladv-panel-content {
  padding: 50px 35px 40px;
}
.ladv-panel-content h2 {
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 2px solid #000;
}
.ladv-panel-content p {
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 15px;
  color: #333;
}
.ladv-panel-content .ladv-panel-subtitle {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 25px;
  margin-bottom: 10px;
  color: #000;
}
.ladv-panel-content .ladv-punk {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 30px;
  text-align: center;
  color: #000;
}
.ladv-panel-content a {
  color: #000;
  text-decoration: underline;
}
.ladv-panel-content ul {
  list-style: none;
  padding: 0;
  margin: 15px 0;
}
.ladv-panel-content ul li {
  font-size: 13px;
  line-height: 1.7;
  color: #333;
  padding-left: 15px;
  position: relative;
  margin-bottom: 8px;
}
.ladv-panel-content ul li::before {
  content: "-";
  position: absolute;
  left: 0;
}

/* === TOP BAR MOBILE - bump font so ANTI drops to 2nd line === */
.top-menu.navbar.style-accent-bg {
  background: #fff !important;
}
.top-menu.style-accent-bg .menu-bloginfo-inner,
.top-menu.style-accent-bg .menu-bloginfo-inner.style-light {
  color: #000 !important;
}
.top-menu.style-accent-bg .menu-bloginfo-inner a {
  color: #000 !important;
}
.top-menu.style-accent-bg .social-list a {
  color: #000 !important;
}
@media (max-width: 959px) {
  .top-menu .topbar-col-center .menu-bloginfo-inner {
    font-size: 9px !important;
  }
}

/* === DISCLAIMER/WHOLESALE panels - dark theme === */
.ladv-panel {
  background: #1a1a1a !important;
  color: #fff !important;
}
.ladv-panel-close {
  color: #fff !important;
}
.ladv-panel-content h2 {
  color: #fff !important;
}
.ladv-panel-content h3 {
  color: #fff !important;
}
.ladv-panel-content p,
.ladv-panel-content li {
  color: rgba(255,255,255,0.88) !important;
}
.ladv-panel-content a {
  color: #fff !important;
  text-decoration: underline !important;
}
.ladv-panel-content hr {
  border-color: rgba(255,255,255,0.2) !important;
}

/* === MOBILE FILTER PANEL - compact & cleaner === */
@media (max-width: 959px) {
  .ajax-filter-sidebar__button--clear,
  .ajax-filter-sidebar__button--apply {
    display: none !important;
  }
  .ajax-filter-sidebar {
    max-height: 60vh !important;
    top: auto !important;
    bottom: 0 !important;
    border-radius: 16px 16px 0 0 !important;
  }
  /* Reduce top padding above SHOW FILTERS */
  .woocommerce-shop .row.double-top-padding {
    padding-top: 0px !important;
  }
  /* Space between SHOW FILTERS and products */
  .filter-main-group {
    margin-bottom: 15px !important;
  }
}


/* === PANEL FIXES - subtitle & h2 border white === */
.ladv-panel-subtitle {
  color: #fff !important;
}
.ladv-panel-content h2 {
  border-bottom-color: rgba(255,255,255,0.3) !important;
}


/* === CHECKOUT - left column white bg === */
.woocommerce-checkout .uncell.style-accent-bg {
  background: #fff !important;
}
.woocommerce-checkout .uncell.style-accent-bg h3,
.woocommerce-checkout .uncell.style-accent-bg label,
.woocommerce-checkout .uncell.style-accent-bg p,
.woocommerce-checkout .uncell.style-accent-bg span,
.woocommerce-checkout .uncell.style-accent-bg a,
.woocommerce-checkout .uncell.style-accent-bg .woocommerce-info {
  color: #333 !important;
}



/* === CHECKOUT COUPON BUTTON - uppercase, no grey === */
.woocommerce-form-coupon .button {
  text-transform: uppercase !important;
  background: transparent !important;
  letter-spacing: 1px !important;
}
.woocommerce-form-coupon input[name="coupon_code"] {
  background: #fff !important;
}



/* === CHECKOUT PAYMENT METHOD SPACING === */
.woocommerce-checkout .wc_payment_methods > li {
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
.woocommerce-checkout .wc_payment_methods > li:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}
.woocommerce-checkout .wc_payment_methods {
  margin: 0 !important;
  padding: 0 !important;
}
/* PayPal main button spacing */
.woocommerce-checkout #ppc-button-ppcp-gateway {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}
/* Paga a plazos and other payment buttons */
.woocommerce-checkout .form-row.place-order {
  margin-top: 20px !important;
}
.woocommerce-checkout .form-row.place-order > div[id*="ppc-button"] {
  margin-top: 12px !important;
}
.woocommerce-checkout .ppcp-messages {
  margin-top: 15px !important;
  margin-bottom: 10px !important;
}


/* === LATEST SORTING - same line & nav menu style === */
@media (min-width: 960px) {
  .woocommerce .cssgrid-system {
    position: relative !important;
  }
  .woocommerce .grid-filters {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 10 !important;
    width: auto !important;
    height: auto !important;
  }
  .woocommerce .grid-filters .filter-main-group {
    align-items: center !important;
  }
  /* LATEST button - nav menu style in black */
  .woocommerce .grid-filters.filter-typography-inherit .uncode-woocommerce-sorting__link.mobile-toggle-trigger {
    font-family: Jost, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px !important;
    line-height: 36px !important;
    text-transform: uppercase !important;
    color: #000 !important;
    border: 1px solid #eaeaea !important;
    border-radius: 2px !important;
    padding: 0 12px !important;
    display: inline-block !important;
  }
  .woocommerce .extra-filters-wrapper {
    padding-bottom: 0 !important;
  }
  /* Dropdown items - same nav menu style in black */
  .woocommerce .grid-filters.filter-typography-inherit ul.menu-smart ul a {
    font-family: Jost, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    color: #000 !important;
  }
}


/* === CATEGORY FILTERS - Jost nav menu style in black === */
.woocommerce .term-filters .swatch.swatch-type-label {
  font-family: Jost, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.6px !important;
  color: #000 !important;
  text-transform: uppercase !important;
}
.woocommerce .term-filter-link {
  color: #000 !important;
}


/* === STOCK TEXT - Jost font === */
p.stock {
  font-family: Jost, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}


/* === CHECKOUT ORDER REVIEW - SHIPPING TEXT === */
.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td {
  text-align: right !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-totals label {
  font-family: Jost, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  display: block !important;
  color: #303133 !important;
  text-align: right !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-totals .woocommerce-Price-amount {
  display: block !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  margin-top: 2px !important;
}
/* Give value column more room */
.woocommerce-checkout .woocommerce-checkout-review-order-table th {
  width: 50% !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table td {
  width: 50% !important;
}
/* === HIDE "includes VAT" TEXT IN CHECKOUT TOTAL === */
.woocommerce-checkout .order-total .includes_tax {
  display: none !important;
}

/* === MOBILE - REDUCE SIDE MARGINS 70% (36px -> 11px) === */
@media (max-width: 959px) {
  .row-parent {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
  .uncell {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  /* Footer */
  .widget-container {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
  /* Keep no-padding rows untouched */
  .no-h-padding .uncell,
  .no-h-padding-mobile .uncell,
  .no-h-padding.row-parent {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/* === TOPBAR TEXT - smaller + tighter on mobile === */
.top-menu .menu-bloginfo {
  font-size: 13px !important;
}
@media (max-width: 959px) {
  body .top-menu .row-menu-inner,
  body .top-menu.top-menu-enhanced .row-menu-inner {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  body .top-menu .menu-bloginfo {
    font-size: 10px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body .top-menu .menu-mini.menu-smart {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}