/* GLOBAL RESET / THEME ---------------------------------- */

body {
    background-color: #f6f1ed;          /* soft beige */
    color: #1a1a1a;
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Sections: keep clean neutral background */
section,
.bg-white {
    background-color: #f6f1ed !important;
}

/* Containers transparent so we don't block hero images */
.container {
    background-color: transparent !important;
}

/* Cards: very light background, soft border & shadow */
.card,
.card-body {
    background-color: #fff7f3 !important;       /* very light peach */
    border: 1px solid rgba(0,0,0,0.03);
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}

/* Buttons: Issy-style – rounded, soft nude color */
.btn,
.btn-dark {
    border-radius: 999px !important;
    padding-inline: 24px;
    padding-block: 10px;
    font-weight: 500;
    letter-spacing: 0.02em;
    border: none;
}

.btn-primary,
.btn-dark {
    background-color: #c98268 !important;    /* warm nude */
    color: #ffffff !important;
}

.btn-outline-light,
.btn-outline-dark {
    border-radius: 999px !important;
}

/* HERO BANNER ------------------------------------------- */

.banner-head {
    min-height: 100vh !important;
    height: auto !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Optional: slightly darken hero image for better text contrast */
.banner-head::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(0,0,0,0.35),
        rgba(0,0,0,0.15),
        rgba(0,0,0,0.0)
    );
    pointer-events: none;
}

/* Make sure hero content sits above overlay */
.banner-head .container,
.banner-head .row {
    position: relative;
    z-index: 1;
}

/* Hero heading style */
.banner-head h1 {
    font-size: 2.6rem;
    line-height: 1.1;
    letter-spacing: 0.03em;
}

/* NAVBAR ------------------------------------------------ */

.navbar {
    background-color: #ffffff;
    box-shadow: 0 1px 12px rgba(0,0,0,0.04);
}

.nav-link {
    font-weight: 400;
    letter-spacing: 0.12em;
    font-size: 0.82rem;
    text-transform: uppercase;
}

.nav-link.active,
.nav-link:hover {
    color: #c98268 !important;
}

/* Footer */
footer.bg-dark {
    background-color: #1d1b1a !important;
}
/* === NAVBAR BLACK THEME (ISSY STYLE) === */

/* Navbar text */
.navbar a,
.navbar-nav .nav-link {
    color: #000 !important;          /* pure black */
    font-weight: 500;
    letter-spacing: 1px;
}

/* Navbar text hover */
.navbar a:hover,
.navbar-nav .nav-link:hover {
    color: #555 !important;          /* soft grey hover */
}

/* SHOP button */
.navbar .btn,
.navbar .btn-dark,
.navbar .btn-outline-light {
    background-color: #000 !important;  /* black button */
    color: #fff !important;              /* white text */
    border: none !important;
}

/* SHOP button hover */
.navbar .btn:hover {
    background-color: #333 !important;
}
/* === NEWSLETTER INPUT + BUTTON (ISSY STYLE) === */

.newsletter input[type="email"],
.newsletter input[type="text"],
form input[type="email"],
form input[type="text"] {
    background-color: #ffffff !important;   /* white clean input */
   /* ---- Make Subscribe Button Black ---- */
button[type="submit"],
input[type="submit"],
.subscribe-button,
.newsletter button,
.newsletter input[type="submit"] {
    background-color: #000000 !important;   /* black button */
    color: #ffffff !important;              /* white text */
    border-radius: 30px !important;         /* soft rounded */
    padding: 10px 25px !important;
    border: none !important;
    font-weight: 600;
}

/* Hover effect */
button[type="submit"]:hover,
input[type="submit"]:hover,
.subscribe-button:hover,
.newsletter button:hover,
.newsletter input[type="submit"]:hover {
    background-color: #1a1a1a !important;   /* softer black on hover */
}