/* ============================================================
   1PriceMart — Premium Design Layer
   A thin stylesheet overriding the base theme with modern,
   premium typography, spacing, colour and component polish.
   Loaded AFTER color1.css to win specificity ties.
   ============================================================ */

:root {
    --pm-orange: #ff6000;
    --pm-orange-dark: #e05600;
    --pm-orange-soft: #fff2e6;
    --pm-ink: #1a1a1a;
    --pm-body: #2b2b2b;
    --pm-muted: #6b7280;
    --pm-border: #e8e8e8;
    --pm-bg: #fafafa;
    --pm-card: #ffffff;
    --pm-gold: #b8923a;
    --pm-radius: 14px;
    --pm-shadow-sm: 0 2px 6px rgba(26,26,26,0.05);
    --pm-shadow: 0 6px 18px rgba(26,26,26,0.08);
    --pm-shadow-lg: 0 18px 50px rgba(26,26,26,0.12);
}

/* Typography */
body {
    font-family: 'Inter', 'Plus Jakarta Sans', 'PT Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    color: var(--pm-body) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.005em;
    background: var(--pm-bg) !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Playfair Display', 'Raleway', Georgia, serif !important;
    color: var(--pm-ink) !important;
    letter-spacing: -0.015em;
    font-weight: 700;
}
h1, .h1 { font-size: 2.5rem; line-height: 1.15; }
h2, .h2 { font-size: 2rem; line-height: 1.2; }
h3, .h3 { font-size: 1.5rem; line-height: 1.3; }
.lead { font-size: 1.15rem; color: var(--pm-muted); font-weight: 400; }

/* Premium buttons */
.btn, .button {
    border-radius: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    padding: 0.65rem 1.5rem;
    transition: all 0.2s ease;
    border: 1.5px solid transparent;
}
.btn:hover { transform: translateY(-1px); box-shadow: var(--pm-shadow); }
.btn-primary, .btn-solid, .btn[style*="ff6000"], .btn[style*="#ff6000"] {
    background: linear-gradient(135deg, var(--pm-orange) 0%, var(--pm-orange-dark) 100%) !important;
    border-color: var(--pm-orange-dark) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(255,96,0,0.25);
}
.btn-outline-dark {
    border-color: var(--pm-ink) !important;
    color: var(--pm-ink) !important;
}
.btn-outline-dark:hover {
    background: var(--pm-ink) !important;
    color: #fff !important;
}

/* Cards and panels */
.card { border: 1px solid var(--pm-border) !important; border-radius: var(--pm-radius) !important; box-shadow: var(--pm-shadow-sm); background: var(--pm-card) !important; }
.card.shadow-sm { box-shadow: var(--pm-shadow) !important; }

/* Product cards */
.product-box, .product-wrap { border-radius: var(--pm-radius) !important; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; background: #fff; }
.product-box:hover, .product-wrap:hover { transform: translateY(-3px); box-shadow: var(--pm-shadow-lg); }
.product-box .img-wrapper, .product-wrap .img-wrapper { background: #fff; padding: 12px; }
.product-box .product-detail, .product-wrap .product-detail { padding: 14px 16px 18px; }
.product-box .product-detail h6, .product-wrap .product-detail h6 { font-weight: 600 !important; color: var(--pm-ink) !important; font-family: 'Inter', sans-serif !important; letter-spacing: -0.01em; }
.product-box .product-detail h4, .product-wrap .product-detail h4 { color: var(--pm-orange) !important; font-weight: 700 !important; font-family: 'Inter', sans-serif !important; }

/* Badges and labels */
.badge-premium {
    display: inline-block;
    background: var(--pm-orange-soft);
    color: var(--pm-orange-dark);
    font-size: 0.72rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 999px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}
.badge-gold {
    background: linear-gradient(135deg, #d4af37 0%, var(--pm-gold) 100%);
    color: #fff;
}

/* Breadcrumb */
.breadcrumb-section-main { background: linear-gradient(180deg, #fff 0%, #fafafa 100%) !important; border-bottom: 1px solid var(--pm-border); }
.breadcrumb-contain { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; }
.breadcrumb-contain h2 { font-family: 'Playfair Display', serif !important; font-size: 1.7rem; }
.breadcrumb-contain ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; color: var(--pm-muted); font-size: 0.9rem; }
.breadcrumb-contain ul a { color: var(--pm-muted); }
.breadcrumb-contain ul a:hover { color: var(--pm-orange); }

/* Footer polish */
footer { background: #0f0f10 !important; color: #cfd1d5; padding-top: 60px; }
footer .footer-title h5 { color: #fff; font-family: 'Inter', sans-serif !important; font-weight: 600 !important; letter-spacing: 0.02em; text-transform: uppercase; font-size: 0.85rem; margin-bottom: 18px; }
footer .footer-contant p, footer .footer-contant li a { color: #cfd1d5 !important; font-weight: 400; }
footer .footer-contant li a:hover { color: var(--pm-orange) !important; }
footer .sosiyal li a { color: #fff !important; background: rgba(255,255,255,0.07); width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.2s; }
footer .sosiyal li a:hover { background: var(--pm-orange); color: #fff !important; }
footer .subfooter { background: #000 !important; border-top: 1px solid #1d1d1f; }
footer .subfooter p { color: #8a8c91 !important; font-size: 0.82rem; margin: 0; padding: 18px 0; }
footer .payment { display: flex; justify-content: flex-end; gap: 12px; align-items: center; margin: 0; padding: 18px 0; }
footer .contact-list li { color: #cfd1d5 !important; }
footer .contact-list a { color: #cfd1d5 !important; }
footer .contact-list a:hover { color: var(--pm-orange) !important; }

/* Top header */
.top-header { background: var(--pm-ink) !important; }
.top-header h6, .top-header a, .top-header li a { color: #cfd1d5 !important; }

/* Header logo zone */
.layout-header1 { padding: 14px 0 !important; background: #fff; }
.brand-logo img.header_logo { max-height: 46px; width: auto; }

/* Premium utility */
.bg-premium-soft { background: var(--pm-orange-soft); }
.shadow-premium { box-shadow: var(--pm-shadow) !important; }
.rounded-premium { border-radius: var(--pm-radius) !important; }

/* Accordion polish */
.accordion-button {
    font-weight: 600 !important;
    font-family: 'Inter', sans-serif !important;
    color: var(--pm-ink) !important;
    background: #fff !important;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) { background: var(--pm-orange-soft) !important; color: var(--pm-orange-dark) !important; }
.accordion-item { border: 1px solid var(--pm-border) !important; border-radius: 10px !important; margin-bottom: 8px; overflow: hidden; }
.accordion-body { color: var(--pm-body); }

/* Tables polish */
.table { border-radius: 10px; overflow: hidden; }
.table thead th { background: #f7f7f9; color: var(--pm-ink); font-weight: 600; font-size: 0.88rem; text-transform: uppercase; letter-spacing: 0.03em; border-color: var(--pm-border); }
.table td, .table th { border-color: var(--pm-border); padding: 12px 14px; }

/* Forms */
.form-control, .form-select { border-radius: 10px !important; border: 1px solid var(--pm-border) !important; padding: 10px 14px !important; }
.form-control:focus, .form-select:focus { border-color: var(--pm-orange) !important; box-shadow: 0 0 0 3px rgba(255,96,0,0.12) !important; }
.form-label { font-weight: 500; color: var(--pm-ink); margin-bottom: 6px; font-size: 0.9rem; }

/* Hero trust strip */
.pm-trust-strip {
    background: #fff;
    border-top: 1px solid var(--pm-border);
    border-bottom: 1px solid var(--pm-border);
    padding: 24px 0;
}
.pm-trust-strip .row > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--pm-body);
}
.pm-trust-strip .pm-trust-icon {
    width: 44px; height: 44px;
    border-radius: 12px;
    background: var(--pm-orange-soft);
    color: var(--pm-orange-dark);
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 1.1rem;
}
.pm-trust-strip .pm-trust-title { font-weight: 600; color: var(--pm-ink); font-size: 0.92rem; line-height: 1.2; }
.pm-trust-strip .pm-trust-sub { font-size: 0.78rem; color: var(--pm-muted); }

/* Section headers */
.section-heading { text-align: center; margin: 40px 0 24px; }
.section-heading .section-eyebrow { color: var(--pm-orange); text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.78rem; font-weight: 700; margin-bottom: 6px; }
.section-heading h2 { font-family: 'Playfair Display', serif !important; font-size: 2rem; margin-bottom: 6px; }
.section-heading .section-sub { color: var(--pm-muted); font-size: 1rem; }

/* Price display */
.price-block .price { color: var(--pm-orange); font-weight: 800; font-size: 1.25rem; }
.price-block .mrp { color: var(--pm-muted); text-decoration: line-through; font-size: 0.92rem; margin-left: 6px; }
.price-block .save { color: #10934c; font-weight: 600; font-size: 0.82rem; margin-left: 6px; }

/* Social proof pill */
.pm-live-pill {
    display: inline-flex; align-items: center; gap: 8px;
    background: #fff; border: 1px solid var(--pm-border);
    border-radius: 999px; padding: 6px 14px;
    font-size: 0.82rem; color: var(--pm-body);
    box-shadow: var(--pm-shadow-sm);
}
.pm-live-pill .dot { width: 8px; height: 8px; border-radius: 50%; background: #10934c; box-shadow: 0 0 0 3px rgba(16,147,76,0.18); }

/* Cover banner rounding */
.slider-4, .slider-layout-4, .home-slider, .slider-banner { border-radius: var(--pm-radius); overflow: hidden; }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f4f4f6; }
::-webkit-scrollbar-thumb { background: #cfd1d5; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: var(--pm-orange); }

/* Loader polish */
.loader-wrapper { background: #fff !important; }

/* Keep email addresses lowercase even under capitalize */
footer a[href^="mailto:"],
a[href^="mailto:"] { text-transform: none !important; }

/* Hide legacy theme demo widgets */
.custom-theme,
.right-sidebar,
.theme-setting-2,
.mode-picker,
.ltr-rtl-panel,
a.rtl-btn,
a.dark-mode-btn { display: none !important; }
/* Kill any fixed-right elements with RTL/DARK/LTR text from theme */
body > div[class*="theme"],
body > div[class*="rtl"],
body > div[class*="dark-mode"] { display: none !important; }

/* Mobile tweaks */
@media (max-width: 767px) {
    h1, .h1 { font-size: 2rem; }
    h2, .h2 { font-size: 1.6rem; }
    .breadcrumb-contain { flex-direction: column; align-items: flex-start; gap: 6px; }
}

/* Header overlap fix (search / phone / gift stack at smaller widths) */
.category-header .navbar-menu { flex-wrap: wrap; row-gap: 10px; }
.category-header .category-left { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.category-header .nav-block { flex: 0 0 auto; }
.category-header .input-block { flex: 1 1 320px; min-width: 260px; max-width: 560px; }
.category-header .big-deal-form .input-group { min-width: 240px; flex-wrap: nowrap; }
.category-header .big-deal-form .input-group .form-control { min-width: 0; }
.category-header .big-deal-form .input-group select { display: none !important; }
.category-header .category-right { gap: 14px; display: flex; align-items: center; flex-wrap: wrap; flex-shrink: 0; }
.category-header .contact-block { white-space: nowrap; font-size: 0.88rem; }
.category-header .contact-block span span { display: block; font-weight: 700; }
.category-header .btn-group .gift-block { display: flex; align-items: center; gap: 8px; padding: 6px 12px; }
.category-header .btn-group .gift-block .gift-offer p { margin: 0; font-size: 0.78rem; }
.category-header .btn-group .gift-block .gift-offer span { font-size: 0.72rem; }
@media (max-width: 1200px) {
    .category-header .contact-block { display: none !important; }
    .category-header .btn-group .gift-block .gift-offer span { display: none; }
}
@media (max-width: 992px) {
    .category-header .gift-block, .category-header .btn-group { display: none !important; }
    .category-header .input-block { flex: 1 1 100%; max-width: 100%; }
}

/* Phone input (intl-tel-input separateDialCode) — stop text hiding under flag */
.iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; }
.iti--separate-dial-code input[type="tel"],
.iti--separate-dial-code input[type="text"],
.iti--separate-dial-code input[type="number"],
#phone_number_field { padding-left: 92px !important; }
@media (max-width: 575px) {
    .iti--separate-dial-code input[type="tel"],
    .iti--separate-dial-code input[type="text"],
    .iti--separate-dial-code input[type="number"],
    #phone_number_field { padding-left: 84px !important; }
}