/* ==========================================================================
   TABLE OF CONTENTS
   01. Global Layout Standards
   02. Home Page Components
   03. Headers
   04. Typography & Sub Headers
   05. Single Product Page
   06. Web Page Components
   07. Mobile Navigation (Hidden)
   ========================================================================== */


/* ==========================================================================
   01. GLOBAL LAYOUT STANDARDS
   ========================================================================== */

.section {
  padding-left: 40px;        
  padding-right: 40px;                    
}

/* --- GLOBAL RECAPTCHA HIDE --- */
.grecaptcha-badge {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}


/* ==========================================================================
   02. HOME PAGE COMPONENTS
   ========================================================================== */

/* Home Hero Background */
.homehero .section-bg :is(img, picture, video) {
  min-height: 666px;
}

/* ==========================================================================
   03. HEADERS
   ========================================================================== */

/* Apply to screen widths up to iPad Pro 12.9" Landscape */
@media screen and (max-width: 1366px) {
    
    /* 1. Force the parent text ("Cart /") to 0 with high specificity */
    li.cart-item a.header-cart-link span.header-cart-title {
        font-size: 0 !important;
    }

    /* 2. Restore the price size and force it to act as a block element */
    li.cart-item a.header-cart-link span.header-cart-title span.cart-price {
        font-size: 14px !important; 
        display: inline-block !important; 
        vertical-align: middle !important;
    }
    
}


/* ==========================================================================
   04. TYPOGRAPHY & SUB HEADERS
   ========================================================================== */

.subdeskwrap {
  border-width: 0 0 3px 0;
  border-style: solid;
  border-color: #CBCBCB;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.subheadlarge {
  display: block !important;
  color: #000;
  font-weight: 900;
  font-size: 2.0em;
  line-height: 0.4;
  padding: 0 0 10px 0 !important;
  margin: 0 !important;
}

.subheadsmall {
  display: inline;
  font-size: 1.1em; 
  color: #747474;
  padding: 0 0 10px 0 !important;
  margin: 0 !important;
  line-height: 1.0;
}

.resumebreadcrumb {
  display: inline-block;
  font-size: 1.1em; 
  font-weight: 200;
  color: #747474;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.0;
}


/* ==========================================================================
   05. SINGLE PRODUCT PAGE
   ========================================================================== */

/* Force main product image to break out of the 40px tablet column padding */
.product-gallery-slider,
.woocommerce-product-gallery__wrapper {
  margin-left: -40px !important;
  margin-right: -40px !important;
  width: calc(100% + 80px) !important;
  max-width: none !important;
}

/* Keep thumbnails edge-to-edge */
.productgallerytemp .galwrap .row .gallery,
.galwrap .row .gallery,
.row .row:not(.row-collapse) {
  margin-left: -40px;
  margin-right: -40px;
  padding-left: 0px;
  padding-right: 0px;
  width: auto;
}

.productgallerytemp .mb-half,
.ThisIsTheGapUnderMainShopPhoto {
  margin-bottom: 0;
}

.productgallerytemp .row-small > .flickity-viewport > .flickity-slider > .col {
  margin-bottom: 0;
  padding: 0;
}

/* --- Tablet Grid Layout Spacing Rule (3 Across) --- */
.reviewslide .row-small > .col, 
.reviewslide .row-small > .flickity-viewport > .flickity-slider > .col,
.reviewslide.row-small > .col,
.reviewslide.row-small > .flickity-viewport > .flickity-slider > .col {
  margin-bottom: 0;
  padding: 0 9.8px 19.6px !important;
}

/* Remove left padding on the 1st column of each tablet row */
.reviewslide .row-small > .col:nth-child(3n+1),
.reviewslide .row-small > .flickity-viewport > .flickity-slider > .col:nth-child(3n+1),
.reviewslide.row-small > .col:nth-child(3n+1),
.reviewslide.row-small > .flickity-viewport > .flickity-slider > .col:nth-child(3n+1) {
  padding-left: 0 !important;
}

/* Remove right padding on the 3rd column of each tablet row */
.reviewslide .row-small > .col:nth-child(3n),
.reviewslide .row-small > .flickity-viewport > .flickity-slider > .col:nth-child(3n),
.reviewslide.row-small > .col:nth-child(3n),
.reviewslide.row-small > .flickity-viewport > .flickity-slider > .col:nth-child(3n) {
  padding-right: 0 !important;
}

/* Tablet Inner Alignment adjustments (Stacks meta text lines cleanly if columns compress) */
.rev-meta-left-col {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin-bottom: 6px !important;
}
.rev-meta-right-col {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.rev-link-alignment-wrapper {
  text-align: left !important;
}

/* Tablet Sizing Sync */
.rev-card-buyer-location,
.rev-card-product-link {
  font-size: 11px !important;
}


/* ==========================================================================
   06. WEB PAGE COMPONENTS
   ========================================================================== */

.web .bar img {
  border-radius: 5px 5px 0 0;
  margin-bottom: -3px;
  padding: 0 !important;
}

/* ==========================================================================
   07. MOBILE NAVIGATION (HIDDEN)
   ========================================================================== */

/* Ensures the mobile dock never renders on tablet screens (768px and wider) */
@media screen and (min-width: 768px) {
  #robx-hybrid-nav-wrapper {
    display: none !important;
  }
}


/* ==========================================================================
   08. HOME
   ========================================================================== */
.row.prp-card-container {
    border-radius: 24px !important;
}

.prp-image-col,
.prp-content-col {
    max-width: 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
}

.prp-text-box {
    padding: 30px 30px 30px 30px !important;
}