/*
	Theme Name: DC Theme
	Theme URI: https://chrisreeves.com.au/
	Description: DC Theme
	Version: 1.0.1
	Author: Digital Creative Perth 
	Author URI: https://chrisreeves.com.au/
	Tags: HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/


.section.dc-accordion.no_view_more .section_content .accordion-columns+h4{
	display: none;
}



/*Select 2 styling for dog listing page*/
/* === Select2: match .sbi-archive-filter select styling === */

/* Ensure Select2 takes full width like your selects */
.sbi-archive-filter .select2-container {
  width: 100% !important;
  max-width: 100% !important;
}

/* The "selection" box (closed state / main pill) */
.sbi-archive-filter .select2-container--default .select2-selection--multiple,
.sbi-archive-filter .select2-container--default .select2-selection--single {
  color: var(--dark-color) !important;
  font-size: clamp(14px, 1vw, 18px) !important;
  line-height: 16px !important;

  background-color: var(--grey-color) !important;
  box-shadow: none !important;

  margin: 0 !important;
  padding: 10px 16px 10px !important;

  width: 100% !important;
  max-width: 100% !important;

  border: 1px solid var(--grey-color) !important;
  border-radius: 24px !important;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  min-height: 38px !important; /* matches your input height */
}

/* Make the rendered inline search field align nicely */
.sbi-archive-filter .select2-container--default .select2-search--inline .select2-search__field {
  margin: 0 !important;
  height: 18px;                 /* internal field height */
  line-height: 18px;
  font-size: inherit !important;
  color: var(--dark-color) !important;
}

/* Tokens/chips inside the multi-select */
.sbi-archive-filter .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgb(255 255 255 / 0%) !important; /* keep subtle, fits grey bg */
/*   background: rgba(255,255,255,0.6) !important; /* keep subtle, fits grey bg */ */
  border: 1px solid #aaaaaa00 !important;
/*   border-radius: 16px !important; */
/*   padding: 4px 10px !important; */
  margin: -1px 6px 4px 0 !important;
/*   margin: 4px 6px 4px 0 !important; */
  color: var(--dark-color) !important;
/*   font-size: clamp(0.625rem, 0.5417rem + 0.1736vw, 0.75rem); */
/*   font-size: clamp(12px, 0.9vw, 16px) !important; */
/*   font-size: 10px !important; */
  font-size: clamp(14px, 0.9vw, 16px) !important;
  padding-left: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	border: 1px solid #aaaaaa00 !important;
}

/* "x" remove icon on chips */
.sbi-archive-filter .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 6px !important;
  color: var(--dark-color) !important;
  opacity: 0.7;
}
.sbi-archive-filter .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  opacity: 1;
}

/* Dropdown panel */
.sbi-archive-filter .select2-container--default .select2-dropdown {
  border: 1px solid var(--grey-color) !important;
  border-radius: 16px !important;
  overflow: hidden;
}

/* Options list */
.sbi-archive-filter .select2-container--default .select2-results__option {
  font-size: clamp(14px, 1vw, 18px) !important;
  color: var(--dark-color) !important;
  padding: 10px 16px !important;
}

/* Highlighted option */
.sbi-archive-filter .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #1967D2 !important; /* subtle highlight */
/*   background-color: rgba(0,0,0,0.06) !important; /* subtle highlight */ */
  color: var(--dark-color) !important;
}

/* Selected option */
.sbi-archive-filter .select2-container--default .select2-results__option--selected {
  background-color: rgba(0,0,0,0.08) !important;
}

/* Remove the default focus outline/border weirdness */
.sbi-archive-filter .select2-container--default.select2-container--focus .select2-selection--multiple,
.sbi-archive-filter .select2-container--default.select2-container--open .select2-selection--multiple,
.sbi-archive-filter .select2-container--default.select2-container--focus .select2-selection--single,
.sbi-archive-filter .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--grey-color) !important;
  box-shadow: none !important;
}



#menu-top-menu li a.wfc-open-cart-button{
	background: none !important;
    box-shadow: none;
    padding: 0;
}
#menu-top-menu li a.wfc-open-cart-button .wfc-open-cart-button__count{
	top: 10px;
    left: 5px;
}


/* Hide tags beyond MAX_VISIBLE — JS handles this but this is a safety net */
.select2-selection__choice[style*="display: none"] {
    display: none !important;
}

/* The +N badge */
.sbi-overflow-count {
    display: inline-flex;
    align-items: center;
/*     background: var(--color-background-secondary, #f1efe8); */
/*     border: 0.5px solid #c0bdb4; */
/*     color: #5f5e5a; */
/*     font-size: 12px; */
/* 	font-size: clamp(0.625rem, 0.5417rem + 0.1736vw, 0.75rem); */
	font-size: clamp(14px, 0.9vw, 16px) !important;
    font-weight: 500;
    padding: 1px 4px;
/*     padding: 2px 8px; */
    border-radius: 4px;
    margin: 3px 4px;
    white-space: nowrap;
    cursor: default;
    pointer-events: none;
    list-style: none;
	background: rgb(255 255 255 / 0%);
	color: var(--dark-color);
	
	background: rgb(255 255 255 / 0%) !important;
	border: 1px solid #c0bdb4 !important;
	margin: -1px 6px -1px 0 !important;
/* 	margin: -1px 6px 10px 0 !important; */
}

.select2-container .select2-selection--multiple .select2-selection__clear{
	margin-top: -9px !important;
	height: 24px !important;
}

.live-with{
	max-width: 450px !important;
	min-width: 400px !important;
}
/* Hide extra selected items */
@media (min-width: 768px) {
    .select2-selection__choice:nth-of-type(n+2) {
        display: none !important;
    }
	
	.sbi-archive-filter label {
		height: auto !important;
	}
}

@media (max-width: 767px) {
    .select2-selection__choice:nth-of-type(n+2) {
        display: none !important;
    }
	
	.live-with{
		max-width: 250px !important;
		min-width: 200px !important;
	}
}

.select2-container.select2-container--open .select2-dropdown--below {
    margin: 14px 22px 0;
    max-width: 363px;
}

.sbi-slide-card .text > .meta span.status{
	color: black;
}

.sbi-dogs-slider-filter input[type=text], .sbi-dogs-slider-filter select, .sbi-archive-filter input[type=text], .sbi-archive-filter select {
	font-size: clamp(14px, 0.9vw, 16px) !important;
}
.sbi-archive-filter .select2-container--default .select2-selection--multiple, .sbi-archive-filter .select2-container--default .select2-selection--single{
	padding-block: 6px !important;

}

/* .select2-container .select2-search--inline {
    display: none !important;
} */

.select2-container .select2-search__field {
    pointer-events: none !important;
    caret-color: transparent !important;
}

.select2-container .select2-selection--multiple {
    display: flex !important;
    align-items: center !important;
	cursor: default !important;
}


/* Start Woocommerce Pagination */
	
.woocommerce nav.woocommerce-pagination,
nav.woocommerce-pagination {
    margin: 40px 0;
    text-align: center;
}

.woocommerce-pagination .page-numbers {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-pagination .page-numbers li {
    margin: 0;
}

.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    border: 2px solid #1aa7d7;
    background: #fff;
    color: #111;
    transition: all 0.3s ease;
}

/* active */
.woocommerce-pagination .page-numbers .current {
    background: #1aa7d7 !important;
    color: var(--light-color) !important;
    border-color: #1aa7d7;
    font-weight: 700;
}

/* hover */
.woocommerce-pagination .page-numbers a:hover {
    background: var(--theme2-color) !important;
	border-color: var(--theme2-color) !important;
    color: #000000 !important;
}

/* next / prev arrows */
.woocommerce-pagination .next,
.woocommerce-pagination .prev {
    font-size: 20px;
    font-weight: bold;
}

nav.woocommerce-pagination ul {
    border: none !important;
}

nav.woocommerce-pagination ul li {
    border: none !important;
}


/* End Woocomerce Pagination */

/* Start Shop single UL Li */

.single-product div.product.type-product > .woocommerce-tabs ul.tabs,
.single-product .product.type-product > .woocommerce-tabs ul.tabs {
    display: flex !important;
    gap: 20px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 30px !important;
    list-style: none !important;
}

.single-product div.product.type-product > .woocommerce-tabs ul.tabs::before,
.single-product div.product.type-product > .woocommerce-tabs ul.tabs::after,
.single-product .product.type-product > .woocommerce-tabs ul.tabs::before,
.single-product .product.type-product > .woocommerce-tabs ul.tabs::after,
.single-product div.product.type-product > .woocommerce-tabs ul.tabs li::before,
.single-product div.product.type-product > .woocommerce-tabs ul.tabs li::after,
.single-product .product.type-product > .woocommerce-tabs ul.tabs li::before,
.single-product .product.type-product > .woocommerce-tabs ul.tabs li::after {
    display: none !important;
    content: none !important;
}

/* Style tab LI instead of A */
.single-product div.product.type-product > .woocommerce-tabs ul.tabs li,
.single-product .product.type-product > .woocommerce-tabs ul.tabs li {
    background: var(--grey-color) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
}

.single-product div.product.type-product > .woocommerce-tabs ul.tabs li a,
.single-product .product.type-product > .woocommerce-tabs ul.tabs li a {
    display: block !important;
    padding: 12px 20px !important;
    background: transparent !important;
    color: var(--dark-color) !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Hover */
.single-product div.product.type-product > .woocommerce-tabs ul.tabs li:hover,
.single-product .product.type-product > .woocommerce-tabs ul.tabs li:hover {
    background: var(--theme2-color) !important;
}

/* Active */
.single-product div.product.type-product > .woocommerce-tabs ul.tabs li.active,
.single-product .product.type-product > .woocommerce-tabs ul.tabs li.active {
    background: var(--theme-color) !important;
}

.single-product div.product.type-product > .woocommerce-tabs ul.tabs li.active a,
.single-product .product.type-product > .woocommerce-tabs ul.tabs li.active a {
    color: var(--light-color) !important;
}

.single-product .woocommerce-Tabs-panel h2 {
    display: none !important;
}

.single-product .woocommerce-Tabs-panel p {
    font-size: 18px !important;
    line-height: 1.6;
}


/* End Shop SIngle Ul Li */



.single-product form.cart .single_add_to_cart_button.button.alt {
	margin-top:auto !important;
    border: 2px solid var(--theme2-color) !important;
}
.single-product form.cart .single_add_to_cart_button.button.alt:hover {
	color: var(--dark-color) !important;
	background-color: var(--light-color) !important;
	border: 2px solid var(--theme2-color) !important;
}

/* Mobile View dogs view */
@media (max-width: 768px) {
	.sbi-slide-card .text{
		left: calc(50% - 80% / 2);
    	width: 80%;
	}
    .sbi-slide-card .text > .meta {
        max-height: 300px !important;
        opacity: 1 !important;
        margin-top: 8px !important;
        padding-bottom: 10px !important;
        overflow: visible !important;
    }
}

@media (max-width: 550px) {
    .dog-cards.dog-archive-list .sbi-dogs-grid-wrap {
        grid-template-columns: 1fr !important;
    }
}