/*
 Theme Name:   Gunslinger Child Theme
 Theme URI:    https://gunslinger.themerex.net
 Description:  Gunslinger Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     gunslinger
 Version:      1.0.0    
 Tags:         ammunition, ecommerce, firearms, guns, weapons, firearm, gun shop, gun store, weapons store, ammo, hunting, shop, store, woocommerce, shooting range
 Text Domain:  gunslinger
*/


/* =Theme customization starts here
------------------------------------------------------------ */


.woocommerce ul.products li.product a img {
    width: 100%;
    height: 400px;
    object-fit: contain;
}

.woocommerce ul.products .product_style_pure.product .post_featured {
    background-color: #ffffff;
}

/* bhstar-tabs.css */


.bhstar-tabs {
    padding-left: 8px;
    border: none;
}
.bhstar-button {
    background: none !important;
}
/* Container: scrollable horizontally on small screens */
.nav-scroll {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  align-items: center;
}

/* remove default nav/link paddings so our skew button controls visuals */
.nav-scroll .nav-link {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  outline: none;
}

/* The skewed button shape */
.skew-btn {
  display: inline-block;
  transform: skewX(-13deg);            /* skew whole button to the right visually */
  padding: 0.45rem 1rem;
  border: 1px solid #7f7f79;              /* default border for non-active */
  border-radius: 0;                    /* NO border-radius as requested */
  background: transparent;
  min-height: 40px;
  line-height: inherit;
  box-sizing: border-box;
  transition: background .18s ease, border .12s ease;
  -webkit-tap-highlight-color: transparent;
}

/* Text inside must be un-skewed to remain readable */
.skew-text {
  display: inline-block;
  transform: skewX(13deg);             /* counter the parent skew */
  font-weight: 600;
  color: #7f7f79;
  white-space: nowrap;
  font-size: 0.95rem;
  font-family: 'Bebas Neue';
  font-weight: 400;
}

/* Active tab: remove border, add green background (also skewed) */
.nav-link.active .skew-btn {
  border: 1px solid #3f6d08;
  background: #3f6d08 /* green */
}

/* Ensure text color contrasts on active */
.nav-link.active .skew-text {
  color: #fff;
}

/* Focus styles for accessibility — keep shape but show outline */
.nav-link:focus .skew-btn {
  box-shadow: 0 0 0 3px rgba(39,174,96,0.15);
}

/* small screens tweak: make gaps smaller and buttons slightly smaller */
@media (max-width: 576px) {
  .skew-btn { padding: 0.35rem 0.8rem; min-height: 36px; }
  .skew-text { font-size: 0.9rem; }
}

/* Optional: horizontally align nav on larger screens */
@media (min-width: 992px) {
  .nav-scroll { justify-content: flex-start; }
}

/* Tab content spacing */
.tab-pane { padding-top: 1rem; padding-bottom: 1rem; }

/* Ukloni Bootstrap focus border / shadow */
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:focus-visible,
.nav-tabs .nav-link:active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* također ukloni na našem skew elementu */
.nav-tabs .nav-link:focus .skew-btn,
.nav-tabs .nav-link:focus-visible .skew-btn {
    box-shadow: none !important;
    outline: none !important;
}

.bhstar-tabs-wrapper {
    position: relative;
}

.vidisve-btn {
    position: absolute;
    top: 20px;
    right: 0px;
    color: #3f6d08;
    text-decoration: underline !important;
}



.horizontal-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.horizontal-filters .wc-layered-nav {
    display: inline-block;
}

.horizontal-filters select,
.horizontal-filters input[type="checkbox"] {
    margin-right: 10px;
}


/* SelectWoo dropdown - uvući podkategorije */
.select2-results__option[aria-level="2"] {
    padding-left: 20px; /* podkategorije */
}

.select2-results__option[aria-level="3"] {
    padding-left: 35px; /* sub-sub kategorije ako ima */
}

/* opcionalno parent bold */
.select2-results__option[aria-level="1"] {
    font-weight: bold;
}

.header_widgets_wrap {
    padding: 20px 40px 20px 40px;
}

.widget_title {
    font-size: 22px !important;
    margin-bottom: 20px !important;
}

.select2-container.select2-container--default span.select2-choice, .select2-container.select2-container--default span.select2-selection {
    border-bottom: 1px solid #000000 !important;
}
.woof_container_inner h4 {
    font-size: 22px;
    margin-bottom: 32px !important;
    margin-top: 18px !important;
}

.select2-selection__rendered {
    padding-left: 0 !important;
}

.woocommerce-tabs {
    display: none !important;
}

.related {
    padding-top: 100px !important;
}


/*****FIX ZA SLIKE********/
.slider-slide .post_featured {
    aspect-ratio: 1 / 1;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.slider-slide .post_featured img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}


.post_data_inner {
    min-height: 100px;
}

.woocommerce div.product .woocommerce-product-details__short-description {
    margin-bottom: 0px !important;
}

form.cart {
    margin-top: 50px;
}

footer .social_icon_pin {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#billing_address_2_field {
    display: none !important;
}

.woocommerce-form-login-toggle {
    display: none !important;
}

.single_product_custom_text_after_add_to_cart {
    margin-top: 50px !important;
}

@media (max-width: 768px) {
    .header_widgets_wrap {
        padding: 20px 20px 20px 20px;
    }
    
    .woof_container_inner h4 {
        margin-top: 40px !important;
    } 
}