/*
 * Okazje Płock — Brand Dark
 * Identyfikacja zgodna z okazjeplock.pl
 */

:root {
    --navy: #f6f8ff;
    --navy-deep: #090d1b;
    --orange: #ffc247;
    --orange-dark: #ffad42;
    --muted: #a1acc2;
    --border: rgba(255,255,255,.12);
    --background: #0d1425;
    --white: #121a2d;

    --op-bg: #090d1b;
    --op-surface: #121a2d;
    --op-surface-hover: #19243b;
    --op-text: #f6f8ff;
    --op-muted: #a1acc2;
    --op-accent: #ffc247;
    --op-accent2: #ff794a;
}

html {
    color-scheme: dark;
}

body {
    background: var(--op-bg);
    color: var(--op-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif;
}

.site-header {
    background: rgba(9,13,27,.94);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(18px);
}

.brand {
    color: var(--op-text);
    font-family: Inter, sans-serif;
    font-weight: 850;
}

.brand-symbol {
    transform: none;
    background: linear-gradient(135deg,#ffc247,#ff794a);
    color: #1b1420;
    box-shadow: 0 8px 35px #ffad4730;
}

.brand-accent,
.footer-brand span {
    color: var(--op-accent);
}

.brand small {
    color: var(--op-muted);
}

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

.main-nav a:hover {
    color: var(--op-accent);
}

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

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

.button-light {
    background: #ffffff12;
    border: 1px solid var(--border);
    color: var(--op-text);
}

.hero {
    background:
        radial-gradient(ellipse at 50% 0%,#1c2846 0%,#090d1b 75%);
}

.hero h1,
.section-heading h2,
.page-hero h1,
.detail-content h1,
.business-cta h2,
.empty-state h3 {
    font-family: Inter, sans-serif;
}

.hero h1 span {
    background: linear-gradient(
        100deg,#ffe8a0 10%,#ffc247 45%,#ff8064 90%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-description,
.section-heading p,
.page-hero p,
.detail-summary,
.detail-description {
    color: var(--op-muted);
}

.eyebrow,
.section-kicker {
    color: var(--op-accent);
}

.eyebrow {
    background: #ffc24710;
    border: 1px solid #ffc24735;
}

.eyebrow-dot {
    background: var(--op-accent);
}

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

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

.hero-discount {
    background: linear-gradient(135deg,#ffc247,#ff794a);
    color: #1b1420;
    box-shadow: 0 35px 65px #ffad4730;
}

.floating-card,
.category-card,
.deal-card,
.business-card,
.listing-sidebar,
.detail-main,
.detail-offer-box,
.submission-panel,
.submission-help,
.search-form {
    background: linear-gradient(150deg,#ffffff0e,#ffffff04);
    border: 1px solid var(--border);
    color: var(--op-text);
    backdrop-filter: blur(12px);
}

.floating-card strong,
.business-card h3,
.deal-body h3,
.category-name {
    color: var(--op-text);
}

.floating-card,
.business-card span,
.deal-company {
    color: var(--op-muted);
}

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

.category-card:hover,
.deal-card:hover {
    border-color: #ffc24765;
    box-shadow: 0 15px 40px #00000030;
}

.category-icon,
.business-avatar,
.floating-icon,
.deal-link,
.submission-block-heading > span {
    background: #ffc24717;
    color: var(--op-accent);
}

.discount-badge {
    background: linear-gradient(135deg,#ffc247,#ff794a);
    color: #21170a;
}

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

.deal-category,
.detail-category,
.detail-price,
.deal-prices strong,
.heading-star {
    color: var(--op-accent);
}

.deal-prices del,
.deal-expiry {
    color: var(--op-muted);
}

.section-badge {
    background: #ffc24714;
    color: var(--op-accent);
}

.page-hero {
    background:
        radial-gradient(ellipse at 50% 0%,#1c2846,#090d1b);
}

.breadcrumbs,
.listing-toolbar p {
    color: var(--op-muted);
}

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

.listing-sidebar a:hover,
.listing-sidebar a.active {
    background: #ffc24717;
    color: var(--op-accent);
}

.search-field input,
.search-field select,
.submission-field input:not([type=file]),
.submission-field select,
.submission-field textarea {
    background: #0d1425;
    border-color: #ffffff20;
    color: var(--op-text);
}

.search-field input:focus,
.search-field select:focus,
.submission-field input:focus,
.submission-field select:focus,
.submission-field textarea:focus {
    border-color: var(--op-accent);
    box-shadow: 0 0 0 3px #ffc24718;
}

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

.search-field input::placeholder,
.submission-field input::placeholder,
.submission-field textarea::placeholder {
    color: #8592a9;
}

.empty-state {
    background: #121a2d;
    border-color: var(--border);
}

.empty-state p,
.detail-info span,
.detail-disclaimer {
    color: var(--op-muted);
}

.detail-info,
.deal-expiry,
.submission-block + .submission-block {
    border-color: var(--border);
}

.coupon-box {
    background: #ffc24710;
    border-color: #ffc24745;
}

.submission-consent {
    background: #ffffff08;
}

.submission-consent label {
    color: #c1cbdd;
}

.site-footer {
    background: #090d1b;
    border-top: 1px solid var(--border);
}

.footer-inner p,
.footer-links,
.footer-bottom {
    color: var(--op-muted);
}

.footer-brand {
    color: var(--op-text);
}

.footer-bottom {
    border-color: var(--border);
}

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

.business-cta p {
    color: var(--op-muted);
}

.cta-decoration {
    background: #ffc24712;
    color: var(--op-accent);
}

.pagination a {
    border-color: var(--border);
}

.pagination a:hover {
    border-color: var(--op-accent);
    color: var(--op-accent);
}

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

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