/* public/assets/css/style.css */

:root {
    --brand-primary: #bd4a2c;
    --brand-primary-dark: #96371f;
    --brand-primary-soft: #fff5eb;
    --brand-leaf: #657a43;
    --brand-gold: #e3a51b;
    --brand-surface: #f7f7f3;
    --brand-border: #e5e5dc;
    --brand-ink: #29332d;
    --primary-green: #bd4a2c; /* Itemforwell: warm orange from the company mark */
    --dark-green: #96371f;
    --light-green: #fff5eb;
    --text-color: #333333;
}

/* Shared storefront accents across catalog, account, checkout, and content pages. */
.btn-success,
.btn-cart,
.btn-register {
    --bs-btn-bg: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-primary-dark);
    --bs-btn-hover-border-color: var(--brand-primary-dark);
    --bs-btn-active-bg: var(--brand-primary-dark);
    --bs-btn-active-border-color: var(--brand-primary-dark);
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}
.btn-outline-success {
    --bs-btn-color: var(--brand-leaf);
    --bs-btn-border-color: var(--brand-leaf);
    --bs-btn-hover-bg: var(--brand-leaf);
    --bs-btn-hover-border-color: var(--brand-leaf);
    --bs-btn-active-bg: var(--brand-leaf);
    --bs-btn-active-border-color: var(--brand-leaf);
}
.btn-success:hover,
.btn-cart:hover,
.btn-register:hover { background-color:var(--brand-primary-dark); border-color:var(--brand-primary-dark); }
.text-success, .link-success { color:var(--brand-primary) !important; }
.bg-success { background-color:var(--brand-primary) !important; }
.form-control:focus, .form-select:focus { border-color:#d99b77; box-shadow:0 0 0 .2rem rgba(189,74,44,.16); }
.page-link { color:var(--brand-primary); }
.page-item.active .page-link { background-color:var(--brand-primary); border-color:var(--brand-primary); }
.Itemforwell-cookie-consent { border-top-color:var(--brand-primary) !important; }
.Itemforwell-cookie-consent__accept, .Itemforwell-cookie-consent__save { background:var(--brand-primary) !important; border-color:var(--brand-primary) !important; }
.Itemforwell-cookie-consent__accept:hover, .Itemforwell-cookie-consent__save:hover { background:var(--brand-primary-dark) !important; }
.Itemforwell-cookie-consent__manage, .Itemforwell-cookie-consent__back,
.mobile-storefront-search button, .mobile-storefront-back, .mobile-storefront-bottom a.is-active { color:var(--brand-primary) !important; }
.mobile-storefront-bottom a.is-active i { background:var(--brand-primary-soft) !important; }
[style*="color: #006a43"], [style*="color:#006a43"],
[style*="color: #087f5b"], [style*="color:#087f5b"],
[style*="color: #005d3d"], [style*="color:#005d3d"] { color:var(--brand-primary) !important; }
[style*="background-color: #006a43"], [style*="background: #006a43"],
[style*="background-color:#006a43"], [style*="background:#006a43"] {
    background-color:var(--brand-primary) !important;
    background:var(--brand-primary) !important;
    border-color:var(--brand-primary) !important;
}

body {
    font-family: var(--font-body);
    background-color: #fdfdfd;
    color: var(--text-color);
    padding-top: 70px; /* กันเนื้อหาโดน Navbar ทับ */
}

/* Keep older storefront templates on the current Itemforwell color system. */
.policy-hero { background:linear-gradient(135deg, #fff8f0 0%, #fff 62%, #f7f7f3 100%); border-color:var(--brand-border); }
.policy-card { border-color:var(--brand-border); box-shadow:0 10px 24px rgba(41,51,45,.055); }
.policy-icon { background:var(--brand-primary-soft); color:var(--brand-primary); }
.step-badge { background:var(--brand-primary); }
.note-box { background:#fbfaf6; border-color:#eadfce; }
.portfolio-eyebrow, .distribution-label { color:var(--brand-primary) !important; }
.company-note { border-left-color:var(--brand-primary) !important; background:var(--brand-primary-soft) !important; }
.reviews-page { --rv-green:var(--brand-primary); background:#f7f7f3 !important; }
.reviews-eyebrow, .review-avatar { color:var(--brand-primary); }
.reviews-eyebrow, .review-avatar { background:var(--brand-primary-soft); }
.review-product:hover { background:#f7f3eb; }
.brand-reply { border-left-color:var(--brand-leaf); background:#f3f5ef; }
.verified-badge { color:#52683a; background:#eef2e6; }
.read-more, .pagination .page-link { color:var(--brand-primary) !important; }
.pagination .page-item.active .page-link { background:var(--brand-primary) !important; }
.related-products-heading h2 { color:var(--brand-ink) !important; }
.related-products-heading a { color:var(--brand-primary) !important; }
.mobile-filter-categories input:checked + span { border-color:var(--brand-primary) !important; color:var(--brand-primary-dark) !important; background:var(--brand-primary-soft) !important; box-shadow:0 0 0 2px rgba(189,74,44,.08) !important; }

/* -------------------------------------
 * Navbar (Header) Styles
 * ------------------------------------- */
.navbar {
    background-color: white;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
    transition: all 0.3s;
}

.navbar-brand {
    font-weight: 700;
    color: var(--primary-green) !important;
    font-size: 1.5rem;
}

.nav-link {
    font-weight: 500;
    color: #555 !important;
    transition: 0.2s;
}

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

.user-avatar {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border: 2px solid var(--primary-green);
}

.btn-register {
    background-color: var(--primary-green);
    color: white !important;
    border-radius: 50px;
    padding: 8px 20px;
    transition: background-color 0.3s;
}

.btn-register:hover {
    background-color: var(--dark-green);
}

.dropdown-menu {
    border: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-radius: 12px;
}

/* -------------------------------------
 * Product Card Styles (ย้ายมาจากหน้า index)
 * ------------------------------------- */
.product-card {
    border: none;
    border-radius: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: white;
}

.product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

.card-img-container {
    height: 220px;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    background-color: #fff;
    padding: 15px;
}

.card-img-top {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.btn-cart {
    background-color: var(--primary-green);
    color: white;
    border-radius: 50px;
    border: none;
    padding: 10px 20px;
    font-weight: bold;
    transition: 0.3s;
}

.btn-cart:hover {
    background-color: var(--dark-green);
    color: white;
    transform: scale(1.05);
}

/* -------------------------------------
 * Hero Section Styles
 * ------------------------------------- */
.hero-section { 
    background: linear-gradient(135deg, var(--primary-green) 0%, var(--dark-green) 100%); 
    color: white; 
    padding: 80px 0; 
    border-radius: 0 0 50px 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}