/*
Theme Name:   Biotechpool Child
Theme URI:    https://biotechpool.com
Description:  Child theme for Sports Outlet — Biotechpool brand (orange #FF6B00)
Author:       Biotechpool
Template:     sports-outlet
Version:      1.0.0
Text Domain:  biotechpool-child
*/

/* ── Override WordPress preset colors ─────────────────────────────────────── */
:root {
    --wp--preset--color--primary:    #FF6B00;
    --wp--preset--color--secondary:  #FF8C00;
    --wp--preset--color--tertiary:   #FFA040;
    --wp--preset--color--quaternary: #FFF3E8;
    --wp--preset--color--icon-bg:    #1A3A5C;
    --wp--preset--color--link-color: #FF6B00;
}

/* ── Buttons ───────────────────────────────────────────────────────────────── */
.wp-element-button,
.wp-block-button__link,
.banner-section .banner-button,
.banner-section .banner-left-box .banner-content .banner-button,
button[type="submit"],
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.added_to_cart {
    background-color: #FF6B00 !important;
    border-color:     #FF6B00 !important;
    color:            #ffffff !important;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: #E05500 !important;
    border-color:     #E05500 !important;
}

/* ── Header & Navigation ───────────────────────────────────────────────────── */
.main-header .header-bottom .menu-item a:hover,
.main-header .header-bottom .menu-item.current-menu-item a,
.main-header .header-bottom .menu-item.current-menu-ancestor a {
    background-color: #FF6B00 !important;
    color:            #ffffff !important;
}

.main-header .header-top {
    background-color: #1A3A5C !important;
}

/* ── Links ─────────────────────────────────────────────────────────────────── */
a,
.woocommerce-loop-product__title a,
.product-title a {
    color: #FF6B00 !important;
}
a:hover {
    color: #E05500 !important;
}

/* ── WooCommerce Price ─────────────────────────────────────────────────────── */
.woocommerce .price,
.woocommerce .amount,
.woocommerce ins .amount,
.woocommerce del .amount {
    color: #FF6B00 !important;
}
.woocommerce del .amount {
    color: #999999 !important;
    opacity: 0.7;
}

/* ── Pagination ────────────────────────────────────────────────────────────── */
.page-numbers.current,
.page-numbers:hover {
    background-color: #FF6B00 !important;
    border-color:     #FF6B00 !important;
    color:            #ffffff !important;
}

/* ── Section headings accent ───────────────────────────────────────────────── */
.section-title::after,
.section-title .title-highlight {
    background-color: #FF6B00 !important;
    color:            #FF6B00 !important;
}

/* ── Icon backgrounds ──────────────────────────────────────────────────────── */
.icon-box,
.feature-icon,
.service-icon {
    background-color: #FF6B00 !important;
}

/* ── Sale badge ────────────────────────────────────────────────────────────── */
.woocommerce span.onsale,
.onsale {
    background-color: #FF6B00 !important;
}

/* ── Hero banner slogan ────────────────────────────────────────────────────── */
.banner-section .banner-left-box .banner-content h1,
.banner-section .banner-left-box .banner-content h2 {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ── Slogan tagline color ──────────────────────────────────────────────────── */
.banner-section .tagline,
.site-tagline {
    color: #FF6B00 !important;
}

/* ── Footer ────────────────────────────────────────────────────────────────── */
.site-footer a:hover {
    color: #FF6B00 !important;
}

/* ── Add to cart animation ─────────────────────────────────────────────────── */
.woocommerce .added_to_cart,
.woocommerce .widget_shopping_cart_content .buttons .button {
    background-color: #FF6B00 !important;
    border-color:     #FF6B00 !important;
}

/* ── Breadcrumb ────────────────────────────────────────────────────────────── */
.woocommerce-breadcrumb a:hover,
.breadcrumbs a:hover {
    color: #FF6B00 !important;
}

/* ── Star rating ───────────────────────────────────────────────────────────── */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
    color: #FF6B00 !important;
}

/* ── Scrollbar accent (Chrome) ─────────────────────────────────────────────── */
::-webkit-scrollbar-thumb {
    background-color: #FF6B00;
}