/**
Theme Name: Gadget Gear
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gadget-gear
Template: astra
*/
/* ============================================
   SLIDER COMPONENTS
   ============================================ */

/* Brand thumbnails slider spacing */
.slick_slider .brand-thumbnails .slick-slide {
    margin: 0px 10px 0px 10px !important;
}

@media (min-width: 1240px) {
    .slick_slider .brand-thumbnails .slick-slide {
        margin: 0px 30px 0px 30px !important;
    }
}

/* Slick slider arrow controls */
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.1);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.slick-prev:hover,
.slick-next:hover {
  background: rgba(0,0,0,0.8);
}

.slick-prev {
  left: 8px;
}

.slick-next {
  right: 8px;
}


/* ============================================
   HOME SLIDER SECTION
   ============================================ */

/* Home slider background and layout */
.home-slider {
	background: #f9f3eb;;
}

.home-slider img {
    text-align: right;
    max-height: 300px;
}

.home-slider .slick-slide img {
	float: right;
}

.home-slide {
    padding: 60px 0px 100px 0px !important;
}

.home-slide .slide-content {
    padding: 0px !important;
}

.slide-content {
    text-align: left !important;
}


/* ============================================
   PRODUCT CATEGORY SLIDER
   ============================================ */

/* Center everything inside product category slide */
.slick_slider ul.products li.product {
    text-align: center;
    position: relative;
}

/* Make sure title is below image */
.slick_slider ul.products li.product .woocommerce-loop-category__title {
    position: static !important;   /* remove absolute positioning */
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Product count style */
.slick_slider ul.products li.product .count {
    display: block;
    font-size: 12px;
    color: #777;
    margin-top: 3px;
}

/* Constrain image size */
.slick_slider ul.products li.product img {
    width: 150px !important;
    height: 150px !important;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}


/* ============================================
   PRODUCT CARDS & SHOP LAYOUT
   ============================================ */

/* Product thumbnail border and radius */
.astra-shop-thumbnail-wrap {
    border: 3px solid #f9f3eb;
	border-radius: 12px 12px 0px 0px;
}

/* Product summary background and layout */
.astra-shop-summary-wrap {
    background: #f9f3eb;
    padding: 12px;
    border-radius: 0 0 12px 12px;
}

/* Flex layout for product cards */
ul.products li.product .astra-shop-summary-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Cancel flex for related products section */
.related ul.products li.product .astra-shop-summary-wrap {
  display: block; /* or revert — cancels flex in related section */
  flex-direction: initial;
  height: auto;
}

/* Push only the button down */
ul.products li.product .astra-shop-summary-wrap .button {
  margin-top: auto;
}

/* Keep button at natural width */
ul.products li.product .astra-shop-summary-wrap .button {
  margin-top: auto;
  align-self: flex-start; /* left aligned */
  width: auto;            /* no full width */
}

/* Sale badge styling */
.ast-on-card-button.ast-onsale-card {
    background-color: #f3c918 !important;
}

.ast-onsale-card {
    box-shadow: none !important;
}


/* ============================================
   SINGLE PRODUCT PAGE
   ============================================ */

/* Single product page column resize */
.woocommerce.single-product .product {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 1240px) {
    /* Gallery section – 40% */
    .woocommerce.single-product .product .woocommerce-product-gallery {
      flex: 0 0 40%;
      max-width: 40%;
      padding-right: 20px; /* spacing */
    }

    /* Content section – 60% */
    .woocommerce.single-product .product .summary {
      flex: 0 0 60%;
      max-width: 60%;
    }
}

@media (min-width: 900px) and (max-width: 1239px) {
  .woocommerce-js div.product div.images.woocommerce-product-gallery .flex-viewport {
    margin-right: 20px;
  }
}

/* Product gallery styling */
.flex-viewport {
    border: 3px solid #f9f3eb;
    border-radius: 12px;
}

.flex-control-thumbs li {
    border: 2px solid #f9f3eb;
    border-radius: 12px;
}

.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger {
    right: 1.5rem !important;
}

/* Product title sizing */
.entry-title {
    font-size: 2.5rem !important;
}

/* Product price color and spacing */
.woocommerce-js div.product p.price, .woocommerce-js div.product span.price {
    padding-bottom: 0.75em;
}

/* Product category link color */
.single-product-category a {
    color: #ffce00;
}

/* Product price color */
.woocommerce div.product p.price {
    color: #f00;
}

.woocommerce-js div.product p.price, .woocommerce-js div.product span.price {
    padding-bottom: 0.75em;
}

/* Product short description list styling */
.woocommerce-product-details__short-description li {
	padding-bottom: 0.3em;
}


/* ============================================
   REVIEWS SECTION
   ============================================ */

.woocommerce-js #reviews #review_form{
	background-color: #f9f3eb;
	border: none; 
	border-radius: 12px;
}


/* ============================================
   PRICE FILTER (WPF)
   ============================================ */

/* Currency symbol spacing */
.wpfPriceInputs .wpfCurrencySymbol {
    margin-right: 6px !important;
}

/* Min/Max price input fields */
.wpfPriceRangeField#wpfMinPrice, .wpfPriceRangeField#wpfMaxPrice {
    border-radius: 12px !important;
    text-align: center !important;
}

/* Price slider bar color */
.ui-widget-header {
    background: #0e5069 !important;
}

/* Price slider handle styling */
.ui-slider.ui-widget-content .ui-slider-handle {
	border-radius: 12px !important;
}


/* ============================================
   CART & CHECKOUT
   ============================================ */

/* Cart table wrapper + product rows */
.woocommerce table.shop_table,
.woocommerce table.shop_table_responsive,
.woocommerce .woocommerce-cart-form .shop_table {
  border-radius: 12px;
  overflow: hidden;              /* clip corners */
  border-collapse: separate;     /* allow rounded corners on tables */
  border: 1px solid rgba(0,0,0,0.08);
}

/* Table cells — remove square edges */
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  background-clip: padding-box;
}

/* Product / card listings (loop & single product cards) */
.woocommerce ul.products li.product,
.woocommerce .product-card,
.woocommerce .card,
.woocommerce .woocommerce-mini-cart__items li {
  border-radius: 12px;
  overflow: hidden;
}

/* Force on some themes (use only if needed) */
.woocommerce table.shop_table,
.woocommerce ul.products li.product,
.woocommerce .card { 
  -webkit-border-radius: 12px; 
  -moz-border-radius: 12px; 
}

/* If theme styles override you, increase specificity or add !important */
.woocommerce table.shop_table, #coupon_code, #customer_details {
    border-radius: 12px !important;
}

/* Order review heading and section */
#order_review_heading {
    border-radius: 12px 12px 0px 0px;
}

#order_review {
    border-radius: 0px 0px 12px 12px;
}

/* Mini cart item spacing */
.woocommerce-mini-cart-item.mini_cart_item a {
	margin-right: 20px;
}


/* ============================================
   FORM ELEMENTS & INPUTS
   ============================================ */

/* Global form elements */
input,
select,
textarea,
button {
  border-radius: 12px !important;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
}

/* Search fields, quantity boxes etc. */
.woocommerce .input-text,
.woocommerce input[type="number"],
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"] {
  border-radius: 12px !important;
}

/* Quantity input special handling */
.woocommerce input[type="number"] {
    border-radius: 0 !important;
}

.minus {
    border-radius: 12px 0px 0px 12px;
}

.plus {
    border-radius: 0px 12px 12px 0px;
}


/* ============================================
   BUTTONS
   ============================================ */

.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], #comments .submit, .search .search-submit, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit, .woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale, [CLASS*="wc-block"] button, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping), .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout, .woocommerce button.button.alt.disabled.wc-variation-selection-needed, [CLASS*="wc-block"] .wc-block-components-button {
    padding-right: 12px;
    padding-left: 12px;
}


/* ============================================
   SEARCH BAR
   ============================================ */

.dgwt-wcas-search-wrapp {
   min-width: 52vw !important; /* 40% of viewport width */ 
}

@media (min-width: 1400px) {
    .dgwt-wcas-search-wrapp {
        min-width: calc(100vw - 800px) !important;
        max-width: 1100px !important; /* Optional: prevent it from getting too large */
    }
}

@media (max-width: 768px) {
	.dgwt-wcas-search-wrapp {
        max-width: 100% !important;
    }
}


/* ============================================
   SHOP SORTING & FILTERS
   ============================================ */

/* Order by dropdown styling */
select.orderby {
    border: 1px solid #000000 !important;
    float: right;
    padding: 6px 12px !important;
}

@media (max-width: 768px) {
	select.orderby {
        max-width: 45%;
    }
}

/* Show sidebar above products on mobile */
@media (max-width: 768px) {
    .woocommerce #primary {
        display: flex;
        flex-direction: column;
    }

    .woocommerce #secondary {
        order: -1; /* move sidebar before products */
    }
}


/* ============================================
   UAGB TABS
   ============================================ */

.uagb-tabs__wrap .uagb-tabs__body-wrap {
    padding: 0px;
}

.uagb-tabs__wrap .uagb-tabs__body-container {
    padding: 10px 0px;
}

ul.uagb-tabs__panel.uagb-tabs__align-center li {
    border-radius: 12px !important;
}

/* Mobile tab styling */
@media (max-width: 768px) {
	.uagb-tabs__wrap.uagb-tabs__stack1-mobile ul.uagb-tabs__panel {
		flex-direction: row;
	}

.entry-title {
    font-size: 2rem !important;
}
	.uagb-block-b26cf78d.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab {
        margin-bottom: 10px !important;
    }
	
	.uagb-tabs__wrap.uagb-tabs__stack1-mobile ul.uagb-tabs__panel .uagb-tab {
		width: auto;
        flex: 0 0 auto;
        margin-left: 4px !important;
        margin-right: 4px !important;
	}
}

/* Icon list label color override */
.wp-block-uagb-icon-list.uagb-block-d2d9dcfe .wp-block-uagb-icon-list-child .uagb-icon-list__label {
    color: #fff !important;
}


/* ============================================
   UAGB CONTAINER BLOCKS
   ============================================ */

/* UAGB Container Inner Blocks Width Control */
.uagb-container-inner-blocks-wrap {
  width: 100% !important;
  max-width: 1600px !important;
	padding-left: 20px; 
    padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* Remove double padding from nested containers */
.uagb-container-inner-blocks-wrap .uagb-container-inner-blocks-wrap {
  padding: 0 !important;
}


/* ============================================
   PAGE BUILDER & LAYOUT
   ============================================ */

.ast-single-post.ast-page-builder-template .site-main > article, .woocommerce.ast-page-builder-template .site-main {
    padding-top: 2em;
    padding-left: 20px;
    padding-right: 20px;
}

.brand-thumbnails.columns-4 {
  margin-left: 0 !important;
	padding-left: 0 !important;
}


/* ============================================
   HEADER & STICKY NAVIGATION
   ============================================ */

/* Reset inline fixed */
#masthead {
    position: static !important;
}

/* Sticky state for logo + menu area */
.sticky-header-area {
  position: fixed !important;
  top: var(--wpbar-offset, 0);
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
  transition: top .18s, box-shadow .18s;
}

/* Normal state */
.sticky-header-combo .ast-main-header-wrap {
  transition: all 0.3s ease;
  padding: 20px 0;
}

/* Shrinked state */
.sticky-header-combo.shrink-header .ast-main-header-wrap {
  padding: 5px 0;
  background: #fff; /* optional stronger background */
}

/* Logo shrink */
.sticky-header-combo.shrink-header .site-logo-img img {
  max-height: 40px;  /* shrink logo */
	width: auto; !important
  transition: max-height 0.3s ease;
}


/* ============================================
   FOOTER
   ============================================ */

footer li {
	padding-bottom: 12px;
}