/*
 * Okazje Płock — Brand Light
 * Jasny portal, ciemny nagłówek i stopka.
 * Warstwa nadpisująca brand-dark.css.
 */

:root {
    --navy: #13243a;
    --navy-deep: #090d1b;
    --orange: #ff794a;
    --orange-dark: #ec5926;
    --muted: #66758b;
    --border: #e8edf3;
    --background: #f7f9fc;
    --white: #ffffff;

    --op-bg: #ffffff;
    --op-surface: #ffffff;
    --op-text: #13243a;
    --op-muted: #66758b;
    --op-accent: #ffc247;
    --op-accent2: #ff794a;
}

html {
    color-scheme: light;
}

body {
    background: #ffffff;
    color: #13243a;
}

/* NAGŁÓWEK */

.site-header {
    background: #090d1b;
    border-bottom: 1px solid #ffffff16;
}

.site-header .brand {
    color: #f6f8ff;
}

.site-header .main-nav a {
    color: #d5deee;
}

.site-header .main-nav a:hover {
    color: #ffc247;
}

.site-header .brand-accent {
    color: #ffc247;
}

/* PRZYCISKI */

.button-primary {
    background: linear-gradient(135deg, #ffdc7d, #ffad42);
    color: #21170a;
    box-shadow: 0 12px 30px #ffb44320;
}

.button-primary:hover {
    background: linear-gradient(135deg, #ffe69e, #ffc247);
    box-shadow: 0 15px 35px #ffb44335;
}

.button-light {
    background: #ffffff;
    color: #13243a;
    border: 1px solid #dfe5ed;
}

/* HERO */

.hero {
    background:
        radial-gradient(
            ellipse at 75% 45%,
            #fff2e3 0%,
            transparent 40%
        ),
        linear-gradient(
            120deg,
            #ffffff 0%,
            #fffdf9 55%,
            #f7faff 100%
        );
}

.hero h1 {
    color: #101b33;
}

.hero h1 span {
    background: linear-gradient(
        100deg,
        #ffbd46 10%,
        #ff9943 50%,
        #ff794a 90%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-description {
    color: #65748d;
}

.eyebrow {
    background: #fff2e3;
    border: 1px solid #ffe4c4;
    color: #f47b20;
}

.eyebrow-dot {
    background: #ff9943;
}

.hero-orbit {
    border-color: #ffb86b70;
}

.orbit-two {
    border-color: #ff794a45;
}

.hero-discount {
    background: linear-gradient(135deg, #ffcb55, #ff794a);
    color: #171524;
    box-shadow: 0 35px 65px #ffad4735;
}

.floating-card {
    background: #ffffff;
    color: #65748d;
    border: 1px solid #e8edf3;
    box-shadow: 0 15px 45px #13243a12;
}

.floating-card strong {
    color: #13243a;
}

.floating-icon {
    background: #fff3e4;
    color: #f29a27;
}

.hero-location {
    color: #65748d;
}

.hero-trust {
    color: #536782;
}

/* SEKCJE */

.section {
    color: #13243a;
}

.featured-section,
.business-section,
.related-section {
    background: #f7f9fc;
}

.section-heading h2,
.listing-toolbar h2 {
    color: #13243a;
}

.section-heading p,
.page-hero p {
    color: #66758b;
}

.section-kicker,
.cta-eyebrow {
    color: #f28a2c;
}

/* KARTY */

.category-card,
.deal-card,
.business-card {
    background: #ffffff;
    color: #13243a;
    border: 1px solid #e8edf3;
    backdrop-filter: none;
    box-shadow: 0 5px 22px #13243a06;
}

.category-card:hover,
.deal-card:hover {
    border-color: #ffc247;
    box-shadow: 0 15px 35px #13243a12;
}

.category-name,
.deal-body h3,
.business-card h3 {
    color: #13243a;
}

.category-icon,
.business-avatar,
.deal-link {
    background: #fff3e4;
    color: #e98721;
}

.deal-category {
    color: #e98721;
}

.deal-company,
.business-card span {
    color: #66758b;
}

.deal-image,
.detail-image {
    background: #f0f3f8;
}

.deal-prices strong {
    color: #f07930;
}

.deal-prices del,
.deal-expiry {
    color: #8895a8;
}

.discount-badge {
    background: linear-gradient(135deg, #ff794a, #ff4f40);
    color: #ffffff;
}

.section-badge {
    background: #fff3e4;
    color: #df8426;
}

/* KATALOG */

.page-hero {
    background: linear-gradient(120deg, #fff9f1, #f7faff);
}

.page-hero h1 {
    color: #13243a;
}

.breadcrumbs,
.listing-toolbar p {
    color: #718096;
}

.listing-sidebar,
.detail-main,
.detail-offer-box,
.submission-panel,
.submission-help,
.search-form {
    background: #ffffff;
    color: #13243a;
    border: 1px solid #e8edf3;
    backdrop-filter: none;
}

.listing-sidebar a {
    color: #536782;
}

.listing-sidebar a:hover,
.listing-sidebar a.active {
    background: #fff3e4;
    color: #e98721;
}

/* FORMULARZE */

.search-field label,
.submission-field label {
    color: #536782;
}

.search-field input,
.search-field select,
.submission-field input:not([type=file]),
.submission-field select,
.submission-field textarea {
    background: #ffffff;
    color: #13243a;
    border-color: #dfe5ed;
}

.search-field input::placeholder,
.submission-field input::placeholder,
.submission-field textarea::placeholder {
    color: #8b98aa;
}

.search-field input:focus,
.search-field select:focus,
.submission-field input:focus,
.submission-field select:focus,
.submission-field textarea:focus {
    border-color: #ffad42;
    box-shadow: 0 0 0 3px #ffc24725;
}

.submission-consent {
    background: #f7f9fc;
}

.submission-consent label {
    color: #66758b;
}

/* SZCZEGÓŁY OKAZJI */

.detail-content h1,
.detail-content h2 {
    color: #13243a;
}

.detail-summary,
.detail-description {
    color: #66758b;
}

.detail-category,
.detail-price {
    color: #f07930;
}

.detail-info span,
.detail-disclaimer {
    color: #718096;
}

.coupon-box {
    background: #fff8e9;
    border-color: #ffd48a;
}

/* PUSTE STANY */

.empty-state {
    background: #ffffff;
    border: 1px dashed #dfe5ed;
}

.empty-state h3 {
    color: #13243a;
}

.empty-state p {
    color: #66758b;
}

/* CTA DLA FIRM — CELOWO CIEMNE */

.business-cta {
    background:
        radial-gradient(
            circle at 90% 20%,
            #ffc24720,
            transparent 40%
        ),
        #121a2d;
    color: #ffffff;
    border: 1px solid #ffffff15;
}

.business-cta h2 {
    color: #ffffff;
}

.business-cta p {
    color: #b6c1cf;
}

.cta-decoration {
    background: #ffc24715;
    color: #ffc247;
}

/* STOPKA */

.site-footer {
    background: #090d1b;
    color: #f6f8ff;
    border-top: 1px solid #ffffff12;
}

.footer-brand {
    color: #ffffff;
}

.footer-brand span {
    color: #ffc247;
}

.footer-inner p,
.footer-links,
.footer-bottom {
    color: #a1acc2;
}

.footer-links a:hover {
    color: #ffc247;
}

.footer-bottom {
    border-color: #ffffff15;
}

/* POZOSTAŁE */

.pagination a {
    border-color: #e8edf3;
}

.pagination a:hover {
    border-color: #ffad42;
    color: #e98721;
}

:focus-visible {
    outline: 3px solid #ffad42;
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}