/*
Theme Name: Big Bird - Exotic Birds
Theme URI: https://AnimalsIncorporated.com
Author: Alex Whedbee
Author URI: https://alexwhedbee.com
Description: A vibrant, modern WordPress theme for exotic bird breeders and sellers. Featuring tropical colors inspired by parrots, macaws, cockatoos, and other magnificent birds. Built with TailwindCSS for selling swans, cranes, parrots, and more exotic avian species.
Version: 1.5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: windsurf
Tags: exotic-birds, parrots, aviary, e-commerce, birds, animals, pet-store, two-columns, custom-background, custom-colors, custom-logo, custom-menu, featured-images, woocommerce, woocommerce-theme, responsive-layout

This theme showcases exotic birds with vibrant tropical colors and elegant design for professional avian breeders.
*/

/* Note: Main styles are generated by TailwindCSS */

/* Dark Mode Global Styles */
html,
body {
    background-color: #020617 !important; /* slate-950 */
    color: #f3f4f6 !important; /* gray-100 */
    min-height: 100vh;
}

#page {
    background-color: #020617 !important; /* slate-950 */
    min-height: 100vh;
}

.site-main {
    background-color: #020617 !important; /* slate-950 */
}

/* Hero Section Dark Nature Gradient */
.hero-section {
    background: linear-gradient(135deg, #0f172a 0%, #064e3b 50%, #0f172a 100%) !important;
}

.hero-section-custom {
    background: linear-gradient(135deg, #0f172a 0%, #064e3b 50%, #0f172a 100%) !important;
}

/* Header/Topbar Dark Background */
.site-header,
#masthead {
    background-color: rgba(15, 23, 42, 0.8) !important; /* slate-900/80 */
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(245, 158, 11, 0.2) !important; /* amber-500/20 */
}

/* Hide any stray text before page container */
body > *:not(#wpadminbar):not(#page) {
    display: none !important;
}

/* Navigation Items Styling */
.main-navigation a,
.nav-link {
    color: #ffffff !important; /* White */
    text-decoration: none !important;
    padding-bottom: 4px !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.2s ease !important;
}

.main-navigation a:hover,
.nav-link:hover {
    color: #FBE28B !important; /* Soft golden yellow */
}

.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.nav-link.active {
    color: #FBE28B !important; /* Soft golden yellow */
    border-bottom-color: #FBE28B !important; /* Thick bottom border */
}

/* Cart Button Styling */
.header-cart-button,
.cart-button {
    background-color: rgba(251, 226, 139, 0.2) !important; /* #FBE28B with 20% opacity */
    color: #FBE28B !important;
    border: 1px solid rgba(251, 226, 139, 0.4) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 0.5rem !important;
    transition: all 0.2s ease !important;
}

.header-cart-button:hover,
.cart-button:hover {
    background-color: rgba(251, 226, 139, 0.3) !important;
    border-color: #FBE28B !important;
}

/* Cart Icon Color */
.header-cart-button svg,
.cart-button svg {
    color: #FBE28B !important;
}

/* Search Toggle Icon Color */
.search-toggle {
    color: #FBE28B !important;
}

.search-toggle:hover {
    color: #FBE28B !important;
    background-color: rgba(251, 226, 139, 0.2) !important;
}

.search-toggle svg {
    color: #FBE28B !important;
}

/* Hero Section Button Enhancements - Stand out against background images */
.hero-section a[class*="bg-[#FBE28B]"],
.hero-content a[class*="bg-[#FBE28B]"] {
    box-shadow: 0 10px 40px -10px rgba(251, 226, 139, 0.7) !important;
}

.hero-section a[class*="bg-[#FBE28B]"]:hover,
.hero-content a[class*="bg-[#FBE28B]"]:hover {
    box-shadow: 0 15px 50px -10px rgba(251, 226, 139, 0.9) !important;
}

/* Outline Button with Light Background */
.border-3 {
    border-width: 3px !important;
}

.hero-section a.bg-white\/10,
.hero-content a.bg-white\/10 {
    backdrop-filter: blur(12px) !important;
}

.hero-section a.bg-white\/10:hover,
.hero-content a.bg-white\/10:hover {
    backdrop-filter: blur(16px) !important;
}

/* Global Brand Color - #FBE28B Accents Throughout Site */
/* Links */
a:not(.no-underline):not(.button):hover {
    color: #FBE28B !important;
}

/* Buttons - Primary */
.button-primary,
.wp-block-button__link,
input[type="submit"],
button[type="submit"] {
    background-color: #FBE28B !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    border: 2px solid #FBE28B !important;
}

.button-primary:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color: #f5d563 !important;
    border-color: #f5d563 !important;
}

/* Form Focus States */
input:focus,
textarea:focus,
select:focus {
    border-color: #FBE28B !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(251, 226, 139, 0.2) !important;
}

/* Headings Accent on Hover */
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
    color: #FBE28B !important;
}

/* Section Title Underlines */
.section-title::after,
.wp-block-heading::after {
    background-color: #FBE28B !important;
}

/* Carousel Dots Active */
.carousel-dots .active,
.featured-carousel-dots .active {
    background-color: #FBE28B !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background-color: #FBE28B !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #f5d563 !important;
}

/* Selection */
::selection {
    background-color: #FBE28B !important;
    color: #0f172a !important;
}

::-moz-selection {
    background-color: #FBE28B !important;
    color: #0f172a !important;
}

/* Pagination */
nav.woocommerce-pagination,
nav.woocommerce-pagination ul,
nav.woocommerce-pagination ul.page-numbers {
    background: transparent !important;
}

nav.woocommerce-pagination ul:hover,
nav.woocommerce-pagination ul.page-numbers:hover {
    background: transparent !important;
}

.page-numbers.current {
    background-color: #FBE28B !important;
    color: #0f172a !important;
    border-color: #FBE28B !important;
}

.page-numbers:hover {
    background-color: rgba(251, 226, 139, 0.2) !important;
    border-color: #FBE28B !important;
    color: #FBE28B !important;
}

/* Breadcrumbs */
.breadcrumb-item.active,
.breadcrumb a:hover {
    color: #FBE28B !important;
}

/* Tags & Categories */
.tag-cloud-link:hover,
.cat-item a:hover {
    background-color: rgba(251, 226, 139, 0.2) !important;
    color: #FBE28B !important;
    border-color: #FBE28B !important;
}

/* WooCommerce Elements */
.woocommerce .price,
.woocommerce-Price-amount {
    color: #FBE28B !important;
}

/* WooCommerce Buttons - Override ALL button styles with maximum specificity */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce-page .cart .button,
.woocommerce-page .cart input.button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product button.button,
ul.products li.product .button,
ul.products li.product a.button,
ul.products li.product button.button,
.single_add_to_cart_button,
.add_to_cart_button,
.ajax_add_to_cart,
.product_type_simple,
.product_type_variable,
a.ajax_add_to_cart,
button.ajax_add_to_cart,
.product-card .button,
.product-card a.button,
.product-card button.button {
    background-color: #FBE28B !important;
    background: #FBE28B !important;
    background-image: none !important;
    color: #0f172a !important;
    border: none !important;
    border-color: #FBE28B !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.2s ease !important;
    text-shadow: none !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product button.button:hover,
ul.products li.product .button:hover,
ul.products li.product a.button:hover,
ul.products li.product button.button:hover,
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.ajax_add_to_cart:hover,
.product_type_simple:hover,
.product_type_variable:hover,
a.ajax_add_to_cart:hover,
button.ajax_add_to_cart:hover,
.product-card .button:hover,
.product-card a.button:hover,
.product-card button.button:hover {
    background-color: #f5d563 !important;
    background: #f5d563 !important;
    background-image: none !important;
    color: #0f172a !important;
    border-color: #f5d563 !important;
    box-shadow: 0 10px 15px -3px rgba(251, 226, 139, 0.3) !important;
}

.woocommerce .star-rating span::before {
    color: #FBE28B !important;
}

.woocommerce ul.products li.product .price {
    color: #FBE28B !important;
}

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

/* Social Media Icons Hover */
.social-icon:hover {
    color: #FBE28B !important;
    border-color: #FBE28B !important;
}