/* =======================
   FONT DECLARATIONS
   ======================= */
@font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfp66_B2slqZ6GfQ.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfp66_B2slqZ6GfQ.woff2) format('woff2');
    font-display: swap;
}

/* Apply Global Font */
body,
h1, h2, h3, h4, h5, h6,
p, span, a, li, input, button,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-family: 'Barlow Semi Condensed', Arial, sans-serif !important;
    font-weight: 400; /* Regular Weight */
    color: #000;
}


/* =======================
   TYPOGRAPHY STYLING
   ======================= */
h1 {
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-weight: 600; /* SemiBold */
    font-size: 56px;
    letter-spacing: 2px;
    line-height: 1.09;
    text-transform: uppercase;
    text-align: center;
    color: white;
}

.entry-wrapper p,
.home-first-paragraph,
.home-header-block .has-small-font-size {
    text-align: justify; /* Combines justification for cleaner alignment */
}

/* =======================
   ARCHIVE AND PRODUCT PAGES
   ======================= */
.archive ul.products li.product .woocommerce-LoopProduct-link {
    display: block;
    min-height: 280px; /* Consistent height for product blocks */
}

.archive #learn-more {
    min-height: 60px;
    line-height: 14px;
    font-size: 13px;
}

.woocommerce-loop-category__title .count {
    display: none !important; /* Hides category product count */
}

.wc-block-grid__product-title{
	max-height: 50px;
	min-height: 50px;
	overflow: clip;
	
}

.woocommerce-loop-category__title{
	bottom: -4.5em!important;
}
.product-category{
	margin-bottom: 5em!important;
}

/* =======================
   PRODUCT PRICE STYLING
   ======================= */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-size: 1.8em; /* Default font size for prices */
    font-weight: bold;
    color: #000;
}

div.wc-block-grid__product-title, a.wp-block-button__link {
	font-size: 14px !important;
}

.price > del, .price > ins, .woocommerce-Price-amount{
	font-size: 18px !important;
}
del >.woocommerce-Price-amount, del span.woocommerce-Price-currencySymbol {
	color: #A9A9A9 !important;
}

/* Responsive Adjustments for Price Font */
@media (max-width: 768px) {
    .woocommerce ul.products li.product .price,
    .woocommerce div.product p.price,
    .woocommerce div.product span.price {
        font-size: 1.4em;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products li.product .price,
    .woocommerce div.product p.price,
    .woocommerce div.product span.price {
        font-size: 1.2em;
    }
}

/* =======================
   ICON AND MENU STYLING
   ======================= */
.wp-block-outermost-icon-block .icon-container {
    width: 100px;
    height: 100px;
    display: inline-block;
    background-size: cover;
}

#menu-item-91301 {
    margin-left: auto;
}

#menu-item-91301 .menu-link {
    background-color: orange;
    color: black;
    border-radius: 10px;
}

#menu-item-84094 > a.menu-link:first-child, #menu-item-84088 > a.menu-link:first-child,
#menu-item-84095 > a.menu-link:first-child,
#menu-item-84096 > a.menu-link:first-child,
#menu-item-110706 .ast-disable-link span.menu-text,
#menu-item-110708 .ast-disable-link span.menu-text, 
#menu-item-111894 .ast-disable-link span.menu-text,
#menu-item-111265 .ast-disable-link span.menu-text,
#menu-item-111266 .ast-disable-link span.menu-text,
#menu-item-97268 .ast-disable-link span.menu-text,
#menu-item-97265 .ast-disable-link span.menu-text,
#menu-item-97266 .ast-disable-link span.menu-text,
#menu-item-97264 .ast-disable-link span.menu-text
{
	font-size: 20px !important;
}

#menu-item-31435 span.menu-text, #menu-item-38783 span.menu-text{
	white-space: preserve nowrap;
}

/* =======================
   BUTTON HOVER EFFECTS
   ======================= */
a:hover,
button:hover,
.home-hero-button-cta a:hover {
    background-color: #CED7DF !important;
    text-decoration: none !important;
}

/* =======================
   CONTACT FORM AND BUTTONS
   ======================= */
.contact-form .contact-form__select-wrapper:after {
    border-color: white !important;
}

.woocommerce a.button,
.woocommerce button.button {
    background-color: #309ED9;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
}

.wp-block-button__link span{
	color: white !important;
}
/* =======================
   RESPONSIVE STYLING
   ======================= */
@media (max-width: 544px) {
    .home-header-block {
        padding: 48px 12px !important;
    }

    .home-header-block h1 {
        font-size: 6.4vw !important;
        margin-bottom: 48px !important;
    }
}

@media (max-width: 400px) {
    .tekdep-shop-title-h1,
    .shop-call-tekdep-h2 {
        font-size: 5rem !important;
        text-align: center;
    }
}

@media (max-width: 576px) {
    #menuItem-tcbTabbedContent-11 > span.menuIcon {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 781px) {
    .home-page-cover-reverse-column {
        flex-direction: column-reverse !important;
    }
}

/* =======================
   GENERAL SCROLLING HEADER
   ======================= */
.shop-page-scrolling-header {
    white-space: nowrap;
    color: white;
}

.shop-scrolling-header-container {
    display: flex;
    font-size: 20px;
    width: 200%;
    animation: infiniteScroll 25s linear infinite;
}

@keyframes infiniteScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

/* =======================
   TABS AND MENU STYLING
   ======================= */
.wp-block-tcb-tabs .tabMenu {
    justify-content: center;
}

#tcbTabbedContent-5 .tabMenu {
    background-color: #309ED9;
    margin-bottom: 0;
}

#tcbTabbedContent-5 .tabContent {
    border: 11px solid #EEE;
}

#menuItem-tcbTabbedContent-5.active > span.tabLabel {
    color: white !important;
    text-decoration: underline !important;
}

#menuItem-tcbTabbedContent-11.active > span.menuIcon {
    filter: invert(1);
    transition-duration: 500ms;
}

#menuItem-tcbTabbedContent-11 > span.menuIcon:hover {
    transform: scale(0.9);
    transition-duration: 800ms;
}


/* =======================
   MISC PAGE STYLING
   ======================= */

#jetpack-ai-chat > div > div:nth-child(2){
	background-color: rgba(255,255,255,0.4);
	margin-top: 8px;
	padding: 10px;
}

#jetpack-ai-chat > div > div:nth-child(2) > div.jetpack-ai-chat-answer-container > h2:after{
	content: "▼";
  margin-left: 1em;
	color:white;
}
