/*======================================
Theme Name: Redline Office Chairs
Theme URI: https://divicake.com/
Description: Child theme for Redline Office Chairs
Version: 1.0
Author: The First Ste;
Author URI: https://thefirststep.co.za
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
/*legally hide google recaptcha badge as I have added the google tocs below the form*/
.grecaptcha-badge { visibility: hidden !important; } 
/*vertically align contents in a row*/.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}
/* Keep top red menu visible on mobile */
.custom_mobile-menu.et_pb_menu .et_pb_menu__menu,
.custom_mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
  display: flex !important;
}
/* Hide the hamburger for that menu only */
.custom_mobile-menu .et_mobile_nav_menu .mobile_menu_bar {
  display: none !important;
}
/* END Keep top red menu visible on mobile */

/*make site fullwidth on mobile*/
@media (max-width: 1200px) {
    .et_boxed_layout #page-container,
    .et_fixed_nav.et_boxed_layout #page-container #top-header,
    .et_fixed_nav.et_boxed_layout #page-container #main-header{
        width:100%;
    }
   }
/*end site fullwidth on mobile*/
/*prevent horizontal scroll on mobile*/
@media all and (max-width: 980px) {
	html,
	body {
		overflow-x: hidden;
	}
	body {
		position: relative
	}
}
/*end prevent horizontal scroll*/
/*woocommerce button on cart and account page made wider*/
.et_button_icon_visible.woocommerce button.button, .et_button_icon_visible.woocommerce-page button.button {min-width:180px;}
/*end*/
/*woo button icon display none*/.et_button_custom_icon.et_button_icon_visible.woocommerce button.button:after, .et_button_custom_icon.et_button_icon_visible.woocommerce-page button.button:after{display:none;}


/* (optional) very small phones: keep 2 columns; switch to 1 col by uncommenting below
@media (max-width: 360px){
  .fabric-card{ flex: 1 1 100%; max-width: 100%; }
}
*/
/* Woocommerce Style the "Showing x–x of x" text */
.woocommerce-result-count {
    font-size: 14px;
    font-weight: 400 !important;
    font-style: italic !important;
    color: #72a0be !important;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Woocommerce Style the sorting dropdown */
.woocommerce-ordering select {
    font-size: 14px;
    font-weight: lighter;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Center results and sorting on mobile */
@media (max-width: 767px) {
    .woocommerce-result-count,
    .woocommerce-ordering {
        float: none !important;
        text-align: center !important;
        width: 100%;
        display: block;
        margin: 5px 0;
    }

    .woocommerce-ordering select {
        margin: 0 auto;
        display: block;
    }
}
/* Style the pagination on woo product module*/
.woocommerce-pagination {font-style:italic !important;}
ul.page-numbers{background-color:#f2f2f2 !important;}


/*menu item padding on smaller desktops to stop menu on 2 lines*/
/* Keep normal padding on desktop, reduce just before tablet */
@media (max-width: 1030px) {
  .et_pb_menu .et-menu > li {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}
/*Tamsin move back-to-top bottom higher to clear the cart icon*/
/* Move Divi scroll-to-top button higher on mobile and above overlays */
@media (max-width: 980px) {
  .et_pb_scroll_top {
    bottom: calc(110px + env(safe-area-inset-bottom, 0px)) !important; /* lift it above the floating cart */
    right: 16px !important;                                            /* tweak if your cart lives bottom-right */
    z-index: 99999 !important;                                         /* make sure it’s on top */
  }
}
/*tamsin woo product module responsive layout 3 products per row tablet mobile 2*/
/* === Sitewide: 3 products per row on tablet portrait === */
@media (min-width: 600px) and (max-width: 980px) {
  /* apply to Woo archives and Divi Shop modules */
  .woocommerce ul.products,
  .et_pb_shop .woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .woocommerce ul.products li.product,
  .et_pb_shop .woocommerce ul.products li.product {
    flex: 0 0 calc(33.333% - 24px);
    max-width: calc(33.333% - 24px);
    margin-bottom: 30px;
    float: none !important; /* stop Divi/Woo floats from interfering */
    clear: none !important;
  }
}
/* Phones (usually 1 per row): a bit smaller & centered */
@media (max-width: 599px) {
  .woocommerce ul.products li.product a img,
  .et_pb_shop .woocommerce ul.products li.product a img {
    max-width: 160px !important;
    margin: 0 auto !important;
  }
  /* optional: center text for single-column cards */
  .woocommerce ul.products li.product { text-align: center; }
}