/* ==========================================================================
   com_pricetracker — Base
   Single entry point — imports all component stylesheets
   ========================================================================== */
@import url('pricetracker-components.css');
@import url('pricetracker-hub.css');
@import url('pricetracker-category.css');
@import url('pricetracker-product.css');


:root {
    /* --- Brand / Accent --- */
    --pt-accent: #f59e0b;
    --pt-accent-hover: #d97706;
    --pt-accent-star: #fbbf24;

    /* --- Text --- */
    --pt-text-primary: #0f172a;
    --pt-text-secondary: #475569;
    --pt-text-muted: #64748b;
    --pt-text-faint: #94a3b8;
    --pt-text-body: #374151;
    --pt-text-pill: #334155;

    /* --- Surfaces --- */
    --pt-bg-white: #fff;
    --pt-bg-subtle: #f8fafc;
    --pt-bg-pill: #f1f5f9;
    --pt-bg-dark: #0f172a;
    --pt-bg-dark-mid: #1e293b;

    /* --- Borders --- */
    --pt-border: #e2e8f0;
    --pt-border-hover: #cbd5e1;

    /* --- Price Down (green) --- */
    --pt-green: #15803d;
    --pt-green-dark: #166534;
    --pt-green-vibrant: #16a34a;
    --pt-green-bg: #f0fdf4;
    --pt-green-border: #bbf7d0;
    --pt-green-mint-bg: #ecfdf5;
    --pt-green-voucher-border: #86efac;

    /* --- Price Up (red) --- */
    --pt-red: #b91c1c;
    --pt-red-bg: #fef2f2;
    --pt-red-border: #fecaca;

    /* --- Best Seller / Orange --- */
    --pt-orange: #c2410c;
    --pt-orange-bg: #fff7ed;
    --pt-orange-border: #fed7aa;

    /* --- Alerts / Amber tones --- */
    --pt-alert-text: #92400e;
    --pt-alert-bg: #fef3c7;
    --pt-offer-text: #047857;
    --pt-offer-bg: #ecfdf5;
    --pt-offer-border: #a7f3d0;

    /* --- Spacing --- */
    --pt-max-width: 64rem;
    --pt-radius: 0.75rem;
    --pt-radius-sm: 0.5rem;
    --pt-radius-xs: 0.25rem;
}

/* --------------------------------------------------------------------------
   Shared — Typography, layout, breadcrumbs
   -------------------------------------------------------------------------- */

.pt-section-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1rem;
}

.pt-btn-buy {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background-color: #f59e0b;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: background-color 0.2s;
}

.pt-btn-buy:hover {
    background-color: #d97706;
    color: #fff;
    text-decoration: none;
}

/* --------------------------------------------------------------------------
   Breadcrumb
   -------------------------------------------------------------------------- */

.pt-breadcrumb {
    max-width: 64rem;
    margin: 0 auto;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: #94a3b8;
}

.pt-breadcrumb a {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.2s;
}

.pt-breadcrumb a:hover {
    color: #f59e0b;
}

.pt-breadcrumb-sep {
    margin: 0 0.375rem;
}

.pt-breadcrumb>span:last-child {
    color: #475569;
}

/* --------------------------------------------------------------------------
   Base — Mobile
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
    .pt-btn-buy {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 0.875rem 1rem;
        font-size: 1rem;
        border-radius: 0.5rem;
    }

    .pt-section-title {
        padding-left: 1rem;
    }

    .pt-breadcrumb {
        padding: 0.5rem 0.75rem;
        font-size: 0.75rem;
    }
}