/* =====================================================================
   LuxuryMela theme layer — black & gold.
   Loaded after the theme CSS in resources/views/frontend/layouts/app.blade.php
   Colours themselves come from Admin > Website Setup > Appearance (base colour).
   ===================================================================== */

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/luxurymela/Outfit-Regular.ttf') format('truetype');
    font-weight: 300 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit';
    src: url('../fonts/luxurymela/Outfit-Bold.ttf') format('truetype');
    font-weight: 600 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Italiana';
    src: url('../fonts/luxurymela/Italiana-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --lm-black: #0e0e0e;
    --lm-gold: #c6962c;
    --lm-gold-light: #e3c77a;
    --lm-gold-deep: #a37520;
    --lm-cream: #faf6ee;
    --lm-line: #eadfc6;
}

body,
.aiz-main-wrapper,
button, input, select, textarea, .btn {
    font-family: 'Outfit', 'Public Sans', sans-serif !important;
}

/* ---------- headings: elegant serif like the brand banners ---------- */
.aiz-main-wrapper section h3.fw-700,
.aiz-main-wrapper section h2.fw-700,
.aiz-main-wrapper .container > h3.fw-700,
.lm-serif {
    font-family: 'Italiana', Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: .04em;
    color: var(--lm-black);
}
.aiz-main-wrapper section h3.fw-700 { font-size: 1.6rem !important; }
@media (max-width: 767px) {
    .aiz-main-wrapper section h3.fw-700 { font-size: 1.3rem !important; }
}

/* ---------- header ---------- */
#header-logo-preview {
    height: 46px !important;
    width: auto;
}
@media (max-width: 767px) {
    #header-logo-preview { height: 34px !important; }
}
.top-navbar {
    border-bottom: 1px solid rgba(198, 150, 44, .35) !important;
}
.top-navbar a, .top-navbar .dropdown-toggle { letter-spacing: .03em; }

/* main nav: gold underline on hover */
.header-menu-links a, .bottom-header a, .aiz-main-wrapper header nav a {
    letter-spacing: .06em;
}
header .bg-white .form-control,
.front-header-search .form-control {
    border-color: var(--lm-line) !important;
}
header .front-header-search .input-group:focus-within {
    box-shadow: 0 0 0 2px rgba(198, 150, 44, .25);
}

/* ---------- buttons ---------- */
.btn-primary, .btn-soft-primary:hover {
    background-color: var(--lm-black) !important;
    border-color: var(--lm-black) !important;
    color: #fff !important;
    letter-spacing: .05em;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--lm-gold-deep) !important;
    border-color: var(--lm-gold-deep) !important;
}
.btn-outline-primary {
    border-color: var(--lm-gold-deep) !important;
    color: var(--lm-gold-deep) !important;
}
.btn-outline-primary:hover {
    background: var(--lm-gold-deep) !important;
    color: #fff !important;
}

/* ---------- product cards ---------- */
.aiz-card-box {
    transition: box-shadow .25s ease, transform .25s ease;
}
.aiz-card-box:hover {
    box-shadow: 0 10px 28px rgba(14, 14, 14, .08) !important;
}
.aiz-card-box .text-primary,
.product-price, .fw-700.text-primary {
    color: var(--lm-gold-deep) !important;
}

/* ---------- category tiles (featured categories strip) ---------- */
.aiz-main-wrapper .bg-primary .text-white,
.aiz-main-wrapper .featured-category .bg-primary {
    letter-spacing: .06em;
}

/* ---------- homepage hero: keep the brand banners fully visible ---------- */
.aiz-minima .slider-card-section {
    position: static !important;
    background: var(--lm-cream);
    filter: none;
}
.aiz-minima .home-banner-area { margin-bottom: 0 !important; }

/* ---------- homepage sections ---------- */
.aiz-minima .border,
.aiz-main-wrapper section .border {
    border-color: var(--lm-line) !important;
}
.aiz-main-wrapper img.img-fit,
.aiz-main-wrapper .home-category-banner img {
    transition: transform .6s ease;
}

/* ---------- footer ---------- */
.footer-widget h4,
.aiz-main-wrapper footer h4,
footer .text-uppercase.fw-700 {
    color: var(--lm-gold-light) !important;
    opacity: 1 !important;
    letter-spacing: .12em;
}
.footer-widget a:hover, footer a:hover { color: var(--lm-gold-light) !important; }
.footer-widget.border-bottom { border-color: rgba(198, 150, 44, .25) !important; }
footer .border-top, footer .border-bottom,
footer hr { border-color: rgba(198, 150, 44, .25) !important; }

/* ---------- popups / alerts ---------- */
#website-popup .modal-content,
.website-popup .modal-content { border-radius: 0; border: 1px solid var(--lm-gold); }
.aiz-cookie-alert .btn, .custom-alert .btn { border-radius: 0; }

/* ---------- auth pages ---------- */
.aiz-auth-page h1, .aiz-auth-page .fs-20.fw-700, .login-page h1 {
    font-family: 'Italiana', Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: .04em;
}

/* ---------- scrollbar & selection ---------- */
::selection { background: var(--lm-gold-light); color: var(--lm-black); }