/*
Theme Name: Sharini Theme
Theme URI: https://www.sharini.com.bd
Author: Your Name
Author URI: https://www.yourwebsite.com
Description: A custom e-commerce theme for Sharini, a premium saree brand in Bangladesh. Based on the vibrant magenta and marigold design.
Version: 1.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, custom-background, one-column, accessibility-ready, custom-logo, custom-menu, featured-images, full-width-template
Text Domain: sharini-theme
*/

/* --- Base Styles & Fonts --- */
body {
    font-family: 'Poppins', 'Baloo Da 2', sans-serif;
    background-color: #FEF9F3; /* A warm, light beige */
}

/* --- Font Families --- */
.font-english { font-family: 'Poppins', sans-serif; }
.font-bengali { font-family: 'Baloo Da 2', sans-serif; }

/* --- Custom Brand Colors --- */
:root {
    --brand-magenta: #C2185B; /* A deep, vibrant magenta */
    --brand-marigold: #FFC107; /* A bright, sunny marigold */
    --brand-dark: #263238; /* A deep charcoal for text */
    --brand-light: #FEF9F3; /* The warm beige background */
}

.text-brand-magenta { color: var(--brand-magenta); }
.bg-brand-magenta { background-color: var(--brand-magenta); }
.border-brand-magenta { border-color: var(--brand-magenta); }
.hover\:bg-brand-magenta-dark:hover { background-color: #a9154f; }

.text-brand-marigold { color: var(--brand-marigold); }
.bg-brand-marigold { background-color: var(--brand-marigold); }
.border-brand-marigold { border-color: var(--brand-marigold); }

.text-brand-dark { color: var(--brand-dark); }

/* --- Animations & Transitions --- */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* --- Component Styles --- */
.btn {
    @apply font-bengali font-semibold py-3 px-8 rounded-full transition duration-300 transform hover:scale-105 shadow-lg;
}
.btn-magenta {
    @apply bg-brand-magenta text-white hover:bg-brand-magenta-dark;
}
.btn-outline {
    @apply border-2 border-brand-magenta text-brand-magenta hover:bg-brand-magenta hover:text-white;
}
.category-card::before {
    content: '';
    @apply absolute inset-0 bg-black/40 transition-all duration-300;
}
.category-card:hover::before {
     @apply bg-black/10;
}

/* SwiperJS Customization */
.swiper-pagination-bullet-active {
    background-color: var(--brand-magenta) !important;
}
.swiper-button-next, .swiper-button-prev {
    color: var(--brand-magenta) !important;
}