/********** Template CSS - BWB BROWN & CREAM **********/
:root {
    --primary: #BC822E;       /* Logo Golden Brown */
    --secondary: #FDF8F2;     /* Cream BG */
    --cream-dark: #F5EDDF;    /* Slightly darker cream for cards */
    --dark-brown: #231F20;    /* Dark navbar and text */
    --light: #FFFFFF;
}

body {
    background-color: var(--secondary);
    font-family: 'Open Sans', sans-serif;
    color: var(--dark-brown);
}

.font-secondary { font-family: 'Pacifico', cursive; }
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; }

.text-primary { color: var(--primary) !important; }
.bg-primary { background-color: var(--primary) !important; }
.bg-cream-light { background-color: var(--secondary); }
.bg-cream-dark { background-color: var(--cream-dark); }
.bg-dark-brown { background-color: var(--dark-brown) !important; }

/* Topbar Logo Wrapper */
.logo-wrapper {
    display: inline-block;
    border: 1px solid var(--primary);
    padding: 10px 45px;
    margin: 5px 0;
}

.tracking-wide { letter-spacing: 2px; }
.tracking-wider { letter-spacing: 4px; }

/* Navbar */
.navbar-dark .navbar-nav .nav-link {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    padding: 25px 20px;
    color: var(--light) !important;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--primary) !important;
}

/* Hero Section */
.bg-hero {
    background: linear-gradient(rgba(253, 248, 242, 0.7), rgba(253, 248, 242, 0.7)), url('../img/hero-bg.jpg') center center no-repeat;
    background-size: cover;
}

.baked-badge { display: flex; align-items: center; justify-content: start; }
.baked-badge .line { height: 1px; width: 40px; background: #BC822E; }
.baked-badge .badge-text { margin: 0 15px; font-weight: bold; letter-spacing: 1px; }

/* Feature Bar */
.feature-icon {
    background-color: var(--secondary);
}

.btn-primary { border-radius: 50px; }

/* Menu Tabs */
.nav-pills .nav-link { border-radius: 50px; margin: 0 5px; color: white !important; }
.nav-pills .nav-link.active { background-color: var(--primary) !important; color: white !important;}

/* Section Title decoration */
.section-title h1 {
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}
.section-title h1::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 3px;
    background: var(--primary);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* Carousel/Testimonials */
.testimonial-carousel .owl-dot {
    height: 10px;
    width: 10px;
    background: #ccc !important;
    border-radius: 10px;
    display: inline-block;
    margin: 15px 5px;
}
.testimonial-carousel .owl-dot.active {
    background: var(--primary) !important;
    width: 30px;
}

/* Social Buttons */
.btn-square { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; }

/* Smaller play button for Hero */
.btn-play-small {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
}