/* Starlink Rental — custom styles */

/* ============================================================
   Product page — full grid layout
   (supersedes old float-based 35%/63% rules)
   ============================================================ */

/* ── Grid container ── */
.woocommerce div.product {
    display: grid !important;
    grid-template-areas:
        "title   title"
        "price   price"
        "gallery booking"
        "gallery meta"
        "tabs    tabs" !important;
    grid-template-columns: 35% 1fr !important;
    gap: 24px 32px !important;
    align-items: start !important;
}

/* Make summary transparent — its children become direct grid items */
.woocommerce div.product .entry-summary {
    display: contents !important;
}

/* Reset old float widths */
.woocommerce div.product div.images.woocommerce-product-gallery,
.woocommerce div.product div.summary.entry-summary {
    width: auto !important;
    float: none !important;
}

/* ── Grid areas ── */
.woocommerce div.product .product_title.entry-title {
    grid-area: title !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #F1F5F9 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    grid-area: price !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #3B82F6 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce div.product .woocommerce-product-gallery {
    grid-area: gallery !important;
    margin: 0 !important;
    width: 100% !important;
}

.woocommerce div.product form.cart {
    grid-area: booking !important;
    margin: 0 !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
    display: none !important;
}

.woocommerce div.product .product_meta {
    grid-area: meta !important;
    margin: 0 !important;
}

.woocommerce div.product .woocommerce-tabs {
    grid-area: tabs !important;
}

/* ── Responsive: stack on mobile ── */
@media (max-width: 767px) {
    .woocommerce div.product {
        display: block !important;
    }
    .woocommerce div.product .entry-summary {
        display: block !important;
    }
}

/* ============================================================
   Easy Booking — date pickers side by side
   ============================================================ */
.wceb_picker_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: flex-start;
}

.wceb_picker_wrap .form-row {
    flex: 1;
    min-width: 220px;
    margin: 0 !important;
}

.wceb_picker_wrap .reset_dates {
    flex-basis: 100%;
    margin-top: 0.5rem;
}

@media (max-width: 767px) {
    .wceb_picker_wrap {
        flex-direction: column;
        gap: 1rem;
    }
    .wceb_picker_wrap .form-row {
        min-width: 0;
        width: 100%;
    }
}

/* ============================================================
   Easy Booking — modern calendar visual style
   ============================================================ */

/* Input field */
.wceb_datepicker {
    border: 1.5px solid #EDF2F7 !important;
    border-radius: 8px !important;
    padding: 0.6em 0.9em !important;
    font-size: 0.95rem !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    background: #ffffff !important;
    color: #1A202C !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.wceb_datepicker:focus {
    border-color: #2B6CB0 !important;
    box-shadow: 0 0 0 3px rgba(43, 108, 176, 0.15) !important;
    outline: none !important;
}
.wceb_datepicker.picker__input--active {
    border-color: #2B6CB0 !important;
}

/* Calendar box container */
.picker__box {
    border-radius: 12px !important;
    border: 1px solid #EDF2F7 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10) !important;
    padding: 1rem !important;
    background: #ffffff !important;
}
@media (min-height: 33.875em) {
    .picker__box {
        border-radius: 12px !important;
        border-top-color: #EDF2F7 !important;
    }
}

/* Header — month & year */
.picker__month,
.picker__year {
    color: #2B6CB0 !important;
    font-weight: 600 !important;
    font-style: normal !important;
}
.picker__year {
    font-size: 0.9em !important;
}

/* Navigation buttons */
.picker__nav--prev,
.picker__nav--next {
    width: 2em !important;
    height: 2em !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: 0 !important;
    transition: background 0.15s !important;
}
.picker__nav--prev { left: 0 !important; }
.picker__nav--next { right: 0 !important; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
    background: #2B6CB0 !important;
    color: #ffffff !important;
}
.picker__nav--prev:before {
    border-right-color: #2B6CB0 !important;
}
.picker__nav--next:before {
    border-left-color: #2B6CB0 !important;
}
.picker__nav--prev:hover:before {
    border-right-color: #ffffff !important;
}
.picker__nav--next:hover:before {
    border-left-color: #ffffff !important;
}

/* Weekday headers */
.picker__weekday {
    color: #718096 !important;
    font-weight: 600 !important;
    font-size: 0.68em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

/* Day cells */
.picker__day {
    border-radius: 50% !important;
    transition: background 0.15s, color 0.15s !important;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    background: #EBF4FF !important;
    color: #2B6CB0 !important;
}

/* Today */
.picker__day--today {
    color: #2B6CB0 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}
.picker__day--today:before {
    display: none !important;
}

/* Selected day */
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected,
.picker__day--highlighted,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
    background: #2B6CB0 !important;
    color: #ffffff !important;
    border-color: #2B6CB0 !important;
    border-radius: 50% !important;
}

/* Date range */
.picker__day--inrange {
    background: #EBF4FF !important;
    color: #2B6CB0 !important;
    border-color: #EBF4FF !important;
    border-radius: 0 !important;
}
.picker__day--inrange.picker__day--disabled,
.picker__day--inrange.picker__day--disabled:hover {
    background: #EBF4FF !important;
    border-color: #EBF4FF !important;
}

/* Disabled days */
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
    background: #EDF2F7 !important;
    border-color: #EDF2F7 !important;
    color: #A0AEC0 !important;
    border-radius: 50% !important;
}

/* Out-of-month days */
.picker__day--outfocus {
    color: #CBD5E0 !important;
}

/* Footer buttons */
.picker__button--today,
.picker__button--clear,
.picker__button--close {
    border: 1.5px solid #2B6CB0 !important;
    background: #ffffff !important;
    color: #2B6CB0 !important;
    border-radius: 20px !important;
    padding: 0.5em 1.2em !important;
    font-size: 0.78em !important;
    font-weight: 600 !important;
    transition: background 0.15s, color 0.15s !important;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
    background: #2B6CB0 !important;
    color: #ffffff !important;
    border-color: #2B6CB0 !important;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
    border-color: #EDF2F7 !important;
    background: #EDF2F7 !important;
    color: #A0AEC0 !important;
}
.picker__button--clear:before {
    border-top-color: #ee2200 !important;
}
.picker__button--clear:hover:before {
    border-top-color: #ffffff !important;
}

/* Month/year dropdowns */
select.picker__select--month,
select.picker__select--year {
    border: 1.5px solid #EDF2F7 !important;
    border-radius: 6px !important;
    padding: 0.2em 0.4em !important;
}
select.picker__select--month:focus,
select.picker__select--year:focus {
    border-color: #2B6CB0 !important;
    outline: none !important;
}

/* ============================================================
   Easy Booking — komunikat błędu jako fixed toast
   ============================================================ */

@keyframes wceb-toast-in {
    from { opacity: 0; transform: translateX(24px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes wceb-toast-life {
    0%   { opacity: 0; transform: translateX(24px); }
    8%   { opacity: 1; transform: translateX(0); }
    75%  { opacity: 1; transform: translateX(0); }
    100% { opacity: 0; transform: translateX(8px); pointer-events: none; }
}

/* Nadpisz domyślny biały styl WooCommerce i wyrwij element z flow */
.wceb_error.woocommerce-error {
    position: fixed !important;
    top: 88px !important;
    right: 24px !important;
    z-index: 99999 !important;
    width: auto !important;
    max-width: 340px !important;
    margin: 0 !important;
    padding: 14px 18px 14px 16px !important;
    background: rgba(18, 24, 40, 0.97) !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
    border-left: 4px solid #ef4444 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(239,68,68,0.08) !important;
    color: #fca5a5 !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    list-style: none !important;
    animation: wceb-toast-life 5s ease forwards !important;
    /* nie przesuwa nic — jest poza flow */
    float: none !important;
    clear: none !important;
}

/* Usuń ::before z ikoną ✕ którą WooCommerce dodaje do .woocommerce-error */
.wceb_error.woocommerce-error::before {
    display: none !important;
}

/* ============================================================
   DARK / TECH / PREMIUM REDESIGN
   ============================================================ */

/* ── Kadence hero/page-title area: dark background ──────────────
   Kadence outputs background-color on .entry-hero-container-inner
   via dynamic CSS (no !important), so our !important wins.
   .hero-container itself is transparent — the colour bleeds in
   from the parent .entry-hero-container-inner.
   ─────────────────────────────────────────────────────────────── */
.entry-hero,
.entry-hero-container-inner,
[class*="-hero-section"] .entry-hero-container-inner,
.hero-container,
.hero-container.site-container,
div.hero-container {
    background: #080B12 !important;
    background-color: #080B12 !important;
}

/* Overlay inside hero must be invisible so dark bg shows */
.hero-section-overlay {
    background: transparent !important;
    opacity: 0 !important;
}

/* ── Global dark background — all page types ── */
html,
body,
body.woocommerce,
body.woocommerce-page,
body.post-type-archive-product,
#page,
#wrapper,
.site,
.wp-site-blocks,
div.site.wp-site-blocks {
    background-color: #080B12 !important;
    background: #080B12 !important;
    color: #CBD5E0 !important;
}

/* ── Hide WooCommerce result count and ordering ── */
.woocommerce-result-count,
.woocommerce-ordering {
    display: none !important;
}

/* ── Fixed frosted-glass header ── */
#masthead {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999 !important;
    background: rgba(8, 11, 18, 0.92) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    box-shadow: none !important;
}

/* Offset page content so it isn't hidden behind the fixed header */
#content {
    padding-top: 80px;
}
.home #content {
    padding-top: 0;
}

/* Header links & logo text — keep white */
#masthead a,
#masthead .site-title a {
    color: #E2E8F0 !important;
}
#masthead a:hover {
    color: #93C5FD !important;
}

/* Nav menu items */
#masthead .nav--toggle-sub ul,
#masthead .primary-navigation a {
    color: #E2E8F0 !important;
    background: transparent !important;
}

/* Cart icon */
#masthead .kadence-cart-inner .cart-icon-side {
    color: #93C5FD !important;
}

/* ── Hero section ── */
.starlink-hero {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 140px 2rem 100px !important;
    text-align: center !important;
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(43, 108, 176, 0.18) 0%, transparent 70%),
        #080B12 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Subtle grid overlay */
.starlink-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    pointer-events: none;
}

.starlink-hero .wp-block-heading {
    font-size: clamp(2.4rem, 6vw, 4.2rem) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    background: linear-gradient(135deg, #ffffff 30%, #93C5FD 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    margin-bottom: 1.25rem !important;
}

.starlink-hero > div > p {
    font-size: 1.15rem !important;
    color: #94A3B8 !important;
    max-width: 560px !important;
    margin: 0 auto 2.5rem !important;
    line-height: 1.7 !important;
}

/* Primary CTA button */
.starlink-hero .wp-block-buttons .wp-block-button:first-child .wp-block-button__link {
    background: linear-gradient(135deg, #2B6CB0, #3B82F6) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 0.85em 2.2em !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 0 24px rgba(59, 130, 246, 0.35) !important;
    transition: box-shadow 0.25s, transform 0.2s !important;
}
.starlink-hero .wp-block-buttons .wp-block-button:first-child .wp-block-button__link:hover {
    box-shadow: 0 0 40px rgba(59, 130, 246, 0.55) !important;
    transform: translateY(-2px) !important;
}

/* Secondary outline button */
.starlink-hero .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent !important;
    color: #93C5FD !important;
    border: 1.5px solid rgba(147, 197, 253, 0.5) !important;
    border-radius: 999px !important;
    padding: 0.82em 2em !important;
    font-weight: 600 !important;
    transition: border-color 0.2s, background 0.2s !important;
}
.starlink-hero .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover {
    border-color: #93C5FD !important;
    background: rgba(147, 197, 253, 0.08) !important;
}

/* ── Features section ── */
.starlink-features {
    background: #080B12 !important;
    padding: 80px 2rem !important;
}

.starlink-features h2.wp-block-heading {
    color: #F1F5F9 !important;
    font-size: clamp(1.6rem, 3.5vw, 2.4rem) !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 3rem !important;
}

/* Feature cards */
.starlink-card {
    background: #0F1420 !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 16px !important;
    padding: 2rem 1.5rem !important;
    transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s !important;
}
.starlink-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(59, 130, 246, 0.45) !important;
    box-shadow: 0 12px 40px rgba(59, 130, 246, 0.12) !important;
}

.starlink-card .wp-block-heading {
    color: #F1F5F9 !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin: 0.75rem 0 0.5rem !important;
}

.starlink-card p:not(.starlink-card-icon) {
    color: #94A3B8 !important;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
}

/* Card icons — hide emoji, show inline SVG via background */
.starlink-card-icon {
    font-size: 0 !important;
    line-height: 1 !important;
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 auto 0.25rem !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Satellite / signal icon — column 1 (📡) */
.starlink-features .wp-block-columns .wp-block-column:nth-child(1) .starlink-card-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393C5FD' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M6.3 6.3a8 8 0 0 0 0 11.4'/%3E%3Cpath d='M17.7 6.3a8 8 0 0 1 0 11.4'/%3E%3Cpath d='M3.5 3.5a16 16 0 0 0 0 17'/%3E%3Cpath d='M20.5 3.5a16 16 0 0 1 0 17'/%3E%3C/svg%3E") !important;
}

/* Package / delivery icon — column 2 (📦) */
.starlink-features .wp-block-columns .wp-block-column:nth-child(2) .starlink-card-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393C5FD' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10V6a2 2 0 0 0-1-1.73L13 2.27a2 2 0 0 0-2 0L4 4.27A2 2 0 0 0 3 6v4'/%3E%3Cpath d='M21 10 12 15 3 10'/%3E%3Cpath d='M3 10v8a2 2 0 0 0 1 1.73l7 4.04a2 2 0 0 0 2 0l7-4.04A2 2 0 0 0 21 18v-8'/%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3Cline x1='12' y1='22' x2='12' y2='15'/%3E%3C/svg%3E") !important;
}

/* Calendar icon — column 3 (📅) */
.starlink-features .wp-block-columns .wp-block-column:nth-child(3) .starlink-card-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393C5FD' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
}

/* ── How it works section ── */
.starlink-how {
    background: #0A0E17 !important;
    padding: 80px 2rem !important;
    position: relative !important;
}

.starlink-how h2.wp-block-heading {
    color: #F1F5F9 !important;
    font-size: clamp(1.6rem, 3.5vw, 2.4rem) !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 3rem !important;
}

.starlink-step {
    padding: 1.5rem !important;
    position: relative !important;
    text-align: center !important;
}

.starlink-step-num {
    font-size: 2.8rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    background: linear-gradient(135deg, #2B6CB0, #93C5FD) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    margin-bottom: 0.75rem !important;
    display: block !important;
}

.starlink-step .wp-block-heading {
    color: #F1F5F9 !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
}

.starlink-step p:not(.starlink-step-num) {
    color: #94A3B8 !important;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
}

/* Dashed connector between steps (desktop) */
@media (min-width: 768px) {
    .starlink-how .wp-block-columns {
        position: relative !important;
    }
    .starlink-how .wp-block-columns::before {
        content: '';
        position: absolute;
        top: 2.5rem;
        left: 16%;
        right: 16%;
        height: 1px;
        border-top: 2px dashed rgba(59, 130, 246, 0.3);
        pointer-events: none;
    }
}

/* ── CTA section ── */
.starlink-cta {
    background: linear-gradient(135deg, #0D1B2E 0%, #0A1628 100%) !important;
    border-top: 1px solid rgba(59, 130, 246, 0.2) !important;
    border-bottom: 1px solid rgba(59, 130, 246, 0.2) !important;
    padding: 80px 2rem !important;
    text-align: center !important;
}

.starlink-cta h2.wp-block-heading {
    color: #F1F5F9 !important;
    font-size: clamp(1.6rem, 3.5vw, 2.4rem) !important;
    font-weight: 700 !important;
    margin-bottom: 0.75rem !important;
}

.starlink-cta > div > p {
    color: #94A3B8 !important;
    margin-bottom: 2rem !important;
}

.starlink-cta .wp-block-button__link {
    background: linear-gradient(135deg, #2B6CB0, #3B82F6) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 0.85em 2.4em !important;
    font-weight: 700 !important;
    box-shadow: 0 0 28px rgba(59, 130, 246, 0.4) !important;
    transition: box-shadow 0.25s, transform 0.2s !important;
}
.starlink-cta .wp-block-button__link:hover {
    box-shadow: 0 0 44px rgba(59, 130, 246, 0.6) !important;
    transform: translateY(-2px) !important;
}

/* ── Footer ── */
.site-footer,
#colophon {
    background: #040608 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    color: #718096 !important;
}

.starlink-footer-bottom {
    color: #718096 !important;
}

.starlink-footer-nav a {
    color: #94A3B8 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
.starlink-footer-nav a:hover {
    color: #93C5FD !important;
}

.starlink-copyright {
    color: #4A5568 !important;
}

/* ── Page backgrounds (non-home) ── */
.entry-content,
.site-content {
    color: #CBD5E0 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #F1F5F9 !important;
}

/* WooCommerce product/shop page dark bg */
.woocommerce-page .site-content,
.woocommerce .site-content {
    background: #080B12 !important;
}

/* ── Scroll-in animations ── */
.starlink-animate {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.65s ease, transform 0.65s ease;
}
.starlink-animate.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ── Responsive tweaks ── */
@media (max-width: 767px) {
    .starlink-hero {
        padding: 120px 1.25rem 80px !important;
    }
    .starlink-features,
    .starlink-how,
    .starlink-cta {
        padding: 60px 1.25rem !important;
    }
    #masthead {
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }
}

/* ============================================================
   FIX 1 — Remove white backgrounds from block wrappers
   ============================================================ */

/* Generic block groups: transparent unless it's one of our sections */
.wp-block-group:not(.starlink-hero):not(.starlink-features):not(.starlink-how):not(.starlink-cta):not(.starlink-card):not(.starlink-step) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.wp-block-columns,
.wp-block-column {
    background: transparent !important;
}

/* Page/content wrappers — let body dark bg show through */
.site-content,
#content,
.site-main,
#primary,
.content-bg,
.content-area,
.wp-block-post-content {
    background: transparent !important;
    border: none !important;
}

/* ============================================================
   FIX 2 — Header: add .site-header + logo text
   ============================================================ */

.site-header-wrap,
.header-wrap,
.site-header,
#masthead {
    background: rgba(8,11,18,0.95) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* Logo text (when no image logo is set) */
.site-title a,
.site-branding .site-title a,
.header-branding .site-title a,
.kadence-site-branding .site-title a {
    color: #F1F5F9 !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    text-decoration: none !important;
    letter-spacing: -0.01em !important;
}

/* ============================================================
   FIX 3 — Gray bar between header and hero
   ============================================================ */

.site-above-header-wrap,
.site-top-header-wrap,
.site-below-header-wrap,
.kadence-header-row,
.header-desktop-row,
.above-header-wrap,
.bottom-header-wrap,
.site-main-header-inner-wrap {
    background: #080B12 !important;
}

/* ============================================================
   FIX 4 — Footer: remove bullet points
   ============================================================ */

#colophon ul,
#colophon li,
.site-footer ul,
.site-footer li {
    list-style: none !important;
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* ============================================================
   FIX 5 — Navigation: account / login button
   ============================================================ */

.starlink-nav-account > a {
    display: inline-block !important;
    border: 1.5px solid rgba(147, 197, 253, 0.5) !important;
    border-radius: 999px !important;
    padding: 0.3em 1.1em !important;
    color: #93C5FD !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    line-height: 1.6 !important;
    transition: border-color 0.2s, background 0.2s !important;
    white-space: nowrap !important;
    margin-left: 0.5rem !important;
    background: transparent !important;
    text-decoration: none !important;
}
.starlink-nav-account > a:hover {
    border-color: #93C5FD !important;
    background: rgba(147, 197, 253, 0.10) !important;
    color: #bfdbfe !important;
}

/* ============================================================
   FIX 6 — Admin bar offset, spacing, logo visibility
   ============================================================ */

/* Dark background on ALL header wrapper elements */
html,
body,
.site-header-wrap,
.header-wrap,
.site-header,
#masthead {
    background-color: #080B12 !important;
}

/* Override for header so it stays semi-transparent frosted glass */
.site-header,
#masthead {
    background: rgba(8, 11, 18, 0.95) !important;
}

/* Logo text — highly specific to beat Kadence defaults */
#masthead .site-title a,
#masthead .site-title,
.site-header .site-title a,
.site-header .site-title,
.site-branding .site-title a,
.header-branding .site-title a,
.kadence-site-branding .site-title a,
span.site-title a {
    color: #F1F5F9 !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    -webkit-text-fill-color: #F1F5F9 !important;
    text-decoration: none !important;
}

/* WP admin bar: shift fixed header down when logged in */
body.admin-bar #masthead,
body.admin-bar .site-header {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    body.admin-bar #masthead,
    body.admin-bar .site-header {
        top: 46px !important;
    }
}

/* Reduce section padding: 80px → 60px */
.starlink-features,
.starlink-how,
.starlink-cta {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

/* Remove default Gutenberg block gap between sections */
.entry-content .wp-block-group,
.wp-block-post-content .wp-block-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Remove padding/margin that Gutenberg adds to constrained layouts */
.wp-block-group.is-layout-constrained > .is-layout-constrained {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Column gap tightening */
.starlink-features .wp-block-columns,
.starlink-how .wp-block-columns {
    gap: 1.5rem !important;
    margin-bottom: 0 !important;
}

/* ============================================================
   WOOCOMMERCE SHOP PAGE — DARK REDESIGN
   ============================================================ */

/* ── Task 5+6: Full dark background for shop page ── */
.woocommerce-page body,
body.woocommerce,
body.post-type-archive-product,
body.tax-product_cat {
    background: #080B12 !important;
}

/* White-bar culprits on shop page */
.woocommerce-products-header,
.entry-header,
.page-header,
.woocommerce-breadcrumb,
.wp-block-template-part,
.kadence-page-title-wrap,
.page-title-wrap,
.content-hero-section,
.wp-block-post-title {
    background: #080B12 !important;
}

/* Shop page title */
.woocommerce-products-header__title,
.page-title,
h1.entry-title {
    color: #F1F5F9 !important;
    font-weight: 700 !important;
}

/* Breadcrumb links */
.woocommerce-breadcrumb {
    color: #64748B !important;
    font-size: 13px !important;
}
.woocommerce-breadcrumb a {
    color: #3B82F6 !important;
}

/* ── Task 4: Result count + sorting dropdown ── */
p.woocommerce-result-count {
    color: #64748B !important;
    font-size: 14px !important;
    margin: 0 !important;
}

.woocommerce-ordering select,
select.orderby {
    background: #0F1420 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94A3B8 !important;
    border-radius: 8px !important;
    padding: 0.5em 1em !important;
    font-size: 0.88rem !important;
    cursor: pointer !important;
    appearance: auto !important;
}

/* ── Task 2: Product grid — CSS Grid auto-fill ── */
ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 1.5rem !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 2rem !important;
}

/* Single product: center the card */
ul.products li.product:only-child {
    max-width: 400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Remove float-based WooCommerce widths */
ul.products li.product,
.woocommerce ul.products li.product {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* ── Task 3: Product card ── */
ul.products li.product {
    background: #0F1420 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

ul.products li.product:hover {
    border-color: rgba(59, 130, 246, 0.3) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(59, 130, 246, 0.12) !important;
}

.woocommerce ul.products li.product:hover .star-rating {
    display: none;
}

.woocommerce ul.products li.product:hover .button {
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
}

/* Product image */
ul.products li.product a img,
ul.products li.product .woocommerce-loop-product__link img {
    width: 100% !important;
    height: 240px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
    flex-shrink: 0 !important;
}

/* Product title */
ul.products li.product .woocommerce-loop-product__title {
    color: #F1F5F9 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    padding: 20px 24px 4px !important;
    margin: 0 !important;
}

/* Price */
ul.products li.product .price,
ul.products li.product span.price {
    color: #3B82F6 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 0 24px 4px !important;
    display: block !important;
    margin: 0 !important;
}

ul.products li.product .price del,
ul.products li.product .price del span {
    color: #64748B !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* Star rating */
ul.products li.product .star-rating {
    padding: 0 24px 8px !important;
    margin: 0 !important;
}

/* Push button to bottom */
ul.products li.product .button {
    margin-top: auto !important;
}

/* Add to cart button */
ul.products li.product .button,
ul.products li.product a.button,
ul.products li.product .add_to_cart_button,
ul.products li.product .product_type_simple.add_to_cart_button {
    background: linear-gradient(135deg, #3B82F6, #7C3AED) !important;
    border-radius: 999px !important;
    width: calc(100% - 48px) !important;
    display: block !important;
    margin: 12px 24px 24px !important;
    padding: 12px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    border: none !important;
    text-align: center !important;
    font-size: 0.95rem !important;
    letter-spacing: 0.01em !important;
    transition: box-shadow 0.25s, transform 0.2s !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

ul.products li.product .button:hover,
ul.products li.product a.button:hover,
ul.products li.product .add_to_cart_button:hover {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.4) !important;
    transform: translateY(-1px) !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #3B82F6, #7C3AED) !important;
}

/* Wrapper around grid + sidebar */
.woocommerce-page #content,
.woocommerce #content,
.woocommerce-page .site-main,
.woocommerce .site-main {
    background: #080B12 !important;
}

/* Remove any inherited white backgrounds */
.woocommerce-page .content-area,
.woocommerce-page #primary {
    background: transparent !important;
}

@media (max-width: 600px) {
    ul.products,
    .woocommerce ul.products {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================
   TASK 1 — Aggressive white background kill (inline styles too)
   ============================================================ */

html, body,
body.woocommerce,
body.woocommerce-page,
body.post-type-archive-product,
#page, #wrapper, .site,
.wp-site-blocks,
.kadence-blocks-overlay-wrap,
[class*="current-palette"] {
    background-color: #080B12 !important;
    background: #080B12 !important;
}

/* ============================================================
   TASK 3 — Hide product gallery magnifier (lightbox trigger)
   ============================================================ */

.woocommerce-product-gallery__trigger,
.woocommerce-product-gallery__trigger::before {
    display: none !important;
}

/* ============================================================
   Calendar — pickadate.js dark theme (Easy Booking)
   ============================================================ */

.picker__frame {
    background: transparent !important;
}

.picker__wrap {
    background: transparent !important;
}

.picker__box {
    background: #0F1420 !important;
    background-color: #0F1420 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    color: #F1F5F9 !important;
}

/* Header — month & year */
.picker__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    margin-bottom: 12px !important;
}

.picker__month,
.picker__year {
    color: #F1F5F9 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

/* Nav arrows */
.picker__nav--prev,
.picker__nav--next {
    font-size: 18px !important;
    padding: 2px 12px !important;
    line-height: 1.4 !important;
    min-width: 32px !important;
    text-align: center !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    color: #94A3B8 !important;
    cursor: pointer !important;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
    background: rgba(59,130,246,0.2) !important;
    border-color: #3B82F6 !important;
    color: #F1F5F9 !important;
}

/* Hide "Data początkowa/końcowa" title line inside calendar */
.picker__title {
    display: none !important;
}

/* Calendar table */
.picker__table {
    width: 100% !important;
    border-collapse: collapse !important;
}

/* Weekday headers */
.picker__weekday {
    color: #64748B !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 4px 0 8px !important;
    text-align: center !important;
}

/* Date cells */
.picker__day {
    text-align: center !important;
    padding: 2px !important;
}

.picker__day--infocus,
.picker__day--outfocus {
    border-radius: 6px !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    margin: 1px auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.picker__day--infocus {
    color: #94A3B8 !important;
    cursor: pointer !important;
    border-radius: 6px !important;
    transition: all 0.15s ease !important;
}

.picker__day--infocus:hover {
    background: rgba(59,130,246,0.2) !important;
}

.picker__day--infocus:hover,
.picker__day--highlighted {
    background: rgba(59,130,246,0.2) !important;
    color: #F1F5F9 !important;
    border-radius: 6px !important;
}

.picker__day--today {
    background: rgba(59,130,246,0.2) !important;
    color: #3B82F6 !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
}

.picker__day--selected,
.picker__day--selected:hover {
    background: #3B82F6 !important;
    color: white !important;
    border-radius: 6px !important;
    box-shadow: 0 0 12px rgba(59,130,246,0.4) !important;
}

.picker__day--outfocus {
    color: #374151 !important;
    opacity: 0.4 !important;
}

.picker__day--disabled {
    color: #374151 !important;
    text-decoration: line-through !important;
    cursor: not-allowed !important;
}

/* Footer */
.picker__footer {
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    margin-top: 8px !important;
    display: flex !important;
    gap: 8px !important;
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 999px !important;
    color: #94A3B8 !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
    border-color: #3B82F6 !important;
    color: #3B82F6 !important;
}

/* Date input */
.picker__input {
    background: #0F1420 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 10px !important;
    color: #F1F5F9 !important;
    padding: 10px 14px !important;
    font-size: 15px !important;
    width: 100% !important;
}
.picker__input:focus {
    border-color: #3B82F6 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important;
}

/* Date field labels (Easy Booking wrappers) */
.easybooking_label {
    color: #64748B !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* Date input fallback (if plugin uses raw inputs instead of picker__input) */
.easybooking_date_field input,
.easybooking-field input[type="text"],
.wceb_datepicker {
    background: #0F1420 !important;
    background-color: #0F1420 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #F1F5F9 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
}
.easybooking_date_field input:focus,
.easybooking-field input[type="text"]:focus,
.wceb_datepicker:focus {
    border-color: #3B82F6 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

/* ============================================================
   TASK 4 — WooCommerce tabs: remove white backgrounds
   ============================================================ */

.woocommerce-tabs ul.tabs,
.woocommerce-tabs ul.tabs li,
.woocommerce-tabs ul.tabs li a {
    background: transparent !important;
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #64748B !important;
}

.woocommerce-tabs ul.tabs::before {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.woocommerce-tabs ul.tabs li.active,
.woocommerce-tabs ul.tabs li.active a {
    background: #0F1420 !important;
    background-color: #0F1420 !important;
    color: #F1F5F9 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    border-bottom-color: #0F1420 !important;
}

.woocommerce-tabs .woocommerce-Tabs-panel,
.woocommerce-tabs .panel {
    background: transparent !important;
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #94A3B8 !important;
    border-top: none !important;
}

.woocommerce-tabs .woocommerce-Tabs-panel h2,
.woocommerce-tabs .panel h2 {
    color: #F1F5F9 !important;
}

/* ============================================================
   TASK 5 — Product single page refinements
   ============================================================ */

/* Tabs */
.woocommerce-tabs .tabs li a {
    color: #64748B !important;
    border: none !important;
    background: transparent !important;
    font-weight: 500 !important;
}
.woocommerce-tabs .tabs li.active a,
.woocommerce-tabs .tabs li a:hover {
    color: #F1F5F9 !important;
    border-bottom: 2px solid #3B82F6 !important;
    background: transparent !important;
}
.woocommerce-Tabs-panel,
.woocommerce-tabs .panel {
    background: transparent !important;
    border: none !important;
    color: #94A3B8 !important;
}

/* Breadcrumbs */
.woocommerce-breadcrumb {
    color: #64748B !important;
    font-size: 13px !important;
    background: transparent !important;
}
.woocommerce-breadcrumb a {
    color: #64748B !important;
    text-decoration: none !important;
}
.woocommerce-breadcrumb a:hover {
    color: #3B82F6 !important;
}

/* Stock info */
.stock {
    color: #10B981 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Single product Add to Cart button */
.single_add_to_cart_button,
button.single_add_to_cart_button {
    background: linear-gradient(135deg, #3B82F6, #7C3AED) !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 12px 32px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: 0.02em !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    height: auto !important;
    white-space: nowrap !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
    cursor: pointer !important;
}
.single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover {
    box-shadow: 0 0 30px rgba(59, 130, 246, 0.4) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #3B82F6, #7C3AED) !important;
}

/* Quantity input */
.quantity input[type="number"],
.quantity input.qty {
    background: #0F1420 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    color: #F1F5F9 !important;
    text-align: center !important;
    padding: 10px !important;
}

/* Product title on single page */
.product_title.entry-title {
    color: #F1F5F9 !important;
    font-weight: 700 !important;
}

/* Product price on single page */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #3B82F6 !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
}

/* Product description */
.woocommerce div.product .woocommerce-product-details__short-description {
    color: #94A3B8 !important;
}

/* ── Hide stock quantity ── */
.stock,
p.stock,
.woocommerce-product-details__stock {
    display: none !important;
}

/* ── Calendar: uniform border-radius on all day states ── */
.picker__day--highlighted:not(.picker__day--selected),
.picker__day--infocus:not(.picker__day--selected):not(.picker__day--today) {
    border-radius: 6px !important;
}

/* ── Product title: ensure visible ── */
.product_title,
h1.product_title {
    display: block !important;
    color: #F1F5F9 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

/* ── Reviews section ── */
#reviews,
#reviews .comment-respond {
    background: transparent !important;
}

#reviews input,
#reviews textarea,
#comment {
    background: #0F1420 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #F1F5F9 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    width: 100% !important;
}

#reviews input:focus,
#reviews textarea:focus {
    border-color: #3B82F6 !important;
    outline: none !important;
}

#reviews label {
    color: #94A3B8 !important;
    font-size: 14px !important;
}

#reviews .stars a {
    color: #F5A524 !important;
}

#reviews input[type="submit"],
#reviews .submit {
    background: linear-gradient(135deg, #3B82F6, #7C3AED) !important;
    border: none !important;
    border-radius: 999px !important;
    color: white !important;
    padding: 10px 28px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    width: auto !important;
}

/* ── WooCommerce notice: "added to cart" ── */
.woocommerce-notices-wrapper {
    position: relative !important;
    z-index: 9999 !important;
    width: 100% !important;
}

.woocommerce-notices-wrapper .woocommerce-message,
.wc-block-components-notice-banner {
    background: #0F1420 !important;
    border: 1px solid rgba(59,130,246,0.3) !important;
    border-left: 4px solid #3B82F6 !important;
    border-radius: 12px !important;
    color: #F1F5F9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: left !important;
    padding: 14px 20px !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

.woocommerce-notices-wrapper .woocommerce-message a.button,
.woocommerce-message .button {
    background: linear-gradient(135deg, #3B82F6, #7C3AED) !important;
    border: none !important;
    border-radius: 999px !important;
    color: white !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    float: none !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    margin-bottom: 0 !important;
}

/* ============================================================
   Cart page
   ============================================================ */

.woocommerce-cart h1,
.woocommerce-cart .entry-title {
    color: #F1F5F9 !important;
    font-size: 36px !important;
    font-weight: 700 !important;
}

.woocommerce-cart-form table th,
.shop_table th {
    color: #64748B !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 12px 0 !important;
    background: transparent !important;
}

.woocommerce-cart-form table td,
.shop_table td {
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 20px 0 !important;
    color: #F1F5F9 !important;
    background: transparent !important;
    vertical-align: middle !important;
}

.woocommerce-cart-form .product-name a {
    color: #F1F5F9 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal {
    color: #3B82F6 !important;
    font-weight: 600 !important;
}

.woocommerce-cart-form .quantity .qty {
    background: #0F1420 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #F1F5F9 !important;
    border-radius: 8px !important;
    text-align: center !important;
    width: 60px !important;
}

.woocommerce-cart-form .product-remove a {
    color: #64748B !important;
    font-size: 20px !important;
}
.woocommerce-cart-form .product-remove a:hover {
    color: #ef4444 !important;
}

.cart_totals h2 {
    color: #64748B !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

.cart_totals table th,
.cart_totals table td {
    color: #94A3B8 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 14px 0 !important;
    background: transparent !important;
}

.cart_totals .order-total th,
.cart_totals .order-total td {
    color: #F1F5F9 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

.wc-proceed-to-checkout .checkout-button,
.checkout-button {
    background: linear-gradient(135deg, #3B82F6, #7C3AED) !important;
    border: none !important;
    border-radius: 999px !important;
    color: white !important;
    padding: 16px 32px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    width: 100% !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    display: block !important;
}
.checkout-button:hover {
    box-shadow: 0 0 30px rgba(59,130,246,0.4) !important;
    transform: translateY(-2px) !important;
    color: white !important;
}

.cart-discount th,
.cart-discount td,
.woocommerce-shipping-totals td,
.woocommerce-shipping-totals th,
.woocommerce .cart_totals .woocommerce-shipping-calculator {
    color: #94A3B8 !important;
    background: transparent !important;
}

/* ============================================================
   Checkout page (WooCommerce Blocks)
   ============================================================ */

.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-textarea textarea,
.wc-block-checkout__add-note textarea {
    background: #0F1420 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #F1F5F9 !important;
    border-radius: 8px !important;
}

.wc-block-checkout__add-note textarea::placeholder {
    color: #64748b !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-select select:focus,
.wc-block-components-textarea textarea:focus {
    border-color: #3B82F6 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important;
}

.wc-block-components-text-input label,
.wc-block-components-select label,
.wc-block-checkout__add-note label {
    color: #64748B !important;
    font-size: 13px !important;
}

.wc-block-components-checkout-step__title {
    color: #F1F5F9 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.wc-block-checkout__shipping-method-option {
    background: #0F1420 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    color: #F1F5F9 !important;
}
.wc-block-checkout__shipping-method-option--selected {
    border-color: #3B82F6 !important;
    background: rgba(59,130,246,0.1) !important;
}

.wc-block-components-radio-control__option {
    background: #0F1420 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 48px !important;
    color: #F1F5F9 !important;
}
.wc-block-components-radio-control__option--checked {
    border-color: #3B82F6 !important;
}

/* Karta adresu — widoczność na ciemnym tle */
.wc-block-components-address-card {
    border-color: rgba(255,255,255,0.1) !important;
    color: #e2e8f0 !important;
}

.wc-block-components-address-card address .wc-block-components-address-card__address-section--primary {
    color: #e2e8f0 !important;
}

.wc-block-components-address-card address .wc-block-components-address-card__address-section--secondary {
    color: #94a3b8 !important;
}

.wc-block-components-checkout-place-order-button {
    background: linear-gradient(135deg, #3B82F6, #7C3AED) !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 16px 32px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: white !important;
    transition: all 0.3s ease !important;
}
.wc-block-components-checkout-place-order-button:hover {
    box-shadow: 0 0 30px rgba(59,130,246,0.4) !important;
    transform: translateY(-2px) !important;
}

.wc-block-checkout__actions_row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 24px !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}

.wc-block-components-checkout-return-to-cart-button {
    color: #64748B !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.wc-block-components-checkout-return-to-cart-button:hover {
    color: #F1F5F9 !important;
}

.wc-block-components-order-summary {
    background: #0F1420 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    padding: 24px !important;
}

/* ── Hide hero on WooCommerce subpages ── */
.woocommerce-cart .entry-hero,
.woocommerce-checkout .entry-hero,
.woocommerce-account .entry-hero,
.woocommerce-shop .entry-hero,
.tax-product_cat .entry-hero {
    display: none !important;
}

.woocommerce-cart .site-main,
.woocommerce-checkout .site-main,
.woocommerce-account .site-main,
.woocommerce-shop .site-main {
    padding-top: 24px !important;
}

/* ── Reduce hero/page top spacing ── */
.entry-hero,
.page-hero-section {
    padding-top: 80px !important;
    padding-bottom: 40px !important;
}

section.entry-hero.page-hero-section,
.entry-hero.page-hero-section {
    min-height: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.entry-hero-container-inner {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.home .entry-hero,
.home .entry-hero.page-hero-section {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.home .entry-hero-container-inner {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.home .hero-section-overlay {
    display: none !important;
}

.home .entry-hero .entry-header,
.home .entry-hero header.entry-header {
    display: none !important;
}

.home-hero-section,
.starlink-hero {
    padding-top: 80px !important;
}

/* ── Active menu item highlight ── */
.main-navigation .current-menu-item > a,
.main-navigation .current-page-ancestor > a,
.main-navigation .current_page_item > a,
.nav-primary .current-menu-item > a,
.primary-menu .current-menu-item > a,
#site-navigation .current-menu-item > a {
    color: #3B82F6 !important;
    text-shadow: 0 0 12px rgba(59,130,246,0.6) !important;
    position: static !important;
}

.main-navigation .current-menu-item > a::after,
.nav-primary .current-menu-item > a::after,
.primary-menu .current-menu-item > a::after {
    display: none !important;
}

.main-navigation a:hover,
.nav-primary a:hover,
.primary-menu a:hover {
    color: #F1F5F9 !important;
    text-shadow: none !important;
}

/* ── Hide page title hero on subpages (Jak to działa, FAQ, Kontakt) ── */
.page .entry-hero .entry-header,
.page .entry-hero header.entry-header {
    display: none !important;
}

.page .entry-hero,
.page .entry-hero.page-hero-section {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.page .entry-hero-container-inner {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.page .hero-section-overlay {
    display: none !important;
}

header.entry-header,
header.entry-header.page-title {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

div#main.site-main,
#main.site-main {
    padding-top: 0 !important;
}

.woocommerce-page .site-main,
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main,
.page .site-main,
.single-product .site-main {
    padding-top: 40px !important;
}

h1.entry-title,
.entry-title {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

/* ── Empty cart page ── */
.wc-block-cart--is-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

.wc-block-cart__empty-cart__title,
.wc-block-empty-cart__image ~ p {
    color: #94A3B8 !important;
    font-size: 18px !important;
}

.wc-block-empty-cart__image {
    opacity: 0.3 !important;
    filter: invert(1) !important;
    width: 80px !important;
    height: 80px !important;
}

/* Nowości w sklepie - pusty koszyk - karta produktu jak w sklepie */
.wp-block-woocommerce-empty-cart-contents .wc-block-grid__product,
.wp-block-woocommerce-cart .wc-block-grid__product {
    position: relative !important;
    background: #1a2235 !important;
    border: 1px solid #2d3f5e !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.wp-block-woocommerce-empty-cart-contents .wc-block-grid__product-image img,
.wp-block-woocommerce-cart .wc-block-grid__product-image img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
}

.wp-block-woocommerce-empty-cart-contents .wc-block-grid__product-title,
.wp-block-woocommerce-cart .wc-block-grid__product-title {
    color: #F1F5F9 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 12px 16px 4px !important;
}

.wp-block-woocommerce-empty-cart-contents .wc-block-grid__product-price,
.wp-block-woocommerce-cart .wc-block-grid__product-price {
    color: #3B82F6 !important;
    font-weight: 700 !important;
    padding: 0 16px 16px !important;
}

.wp-block-woocommerce-empty-cart-contents .wc-block-grid__product .wc-block-grid__product-add-to-cart,
.wp-block-woocommerce-cart .wc-block-grid__product .wc-block-grid__product-add-to-cart {
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
    padding: 0 16px 16px !important;
}

.wp-block-woocommerce-empty-cart-contents .wc-block-grid__product-info,
.wp-block-woocommerce-cart .wc-block-grid__product-info {
    background: #1a2235 !important;
    border-radius: 0 0 12px 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-woocommerce-empty-cart-contents .wc-block-grid__product .product-details,
.wp-block-woocommerce-empty-cart-contents .wc-block-grid__product .content-bg,
.wp-block-woocommerce-empty-cart-contents .wc-block-grid__product .entry-content-wrap,
.wp-block-woocommerce-cart .wc-block-grid__product .product-details,
.wp-block-woocommerce-cart .wc-block-grid__product .content-bg,
.wp-block-woocommerce-cart .wc-block-grid__product .entry-content-wrap {
    background: #1a2235 !important;
    margin: 0 !important;
    border-radius: 0 0 12px 12px !important;
}


.wp-block-woocommerce-empty-cart-contents .wc-block-grid__product-add-to-cart a,
.wp-block-woocommerce-cart .wc-block-grid__product-add-to-cart a {
    background: linear-gradient(135deg, #3B82F6, #7C3AED) !important;
    border: none !important;
    border-radius: 999px !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-align: center !important;
    text-decoration: none !important;
    padding: 10px 20px !important;
    display: block !important;
}

/* ── Product card in "New in store" (Kadence classes) ── */
.wc-block-grid__product {
    background: #0F1420 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.wc-block-grid__product:hover {
    border-color: rgba(59,130,246,0.3) !important;
    transform: translateY(-4px) !important;
}

.wc-block-grid__product .product-details,
.wc-block-grid__product .content-bg,
.wc-block-grid__product .entry-content-wrap {
    background: #0F1420 !important;
    background-color: #0F1420 !important;
    border: none !important;
    padding: 12px 16px 16px !important;
}

.wc-block-grid__product .wc-block-grid__product-title {
    color: #F1F5F9 !important;
    font-weight: 600 !important;
}

.wc-block-grid__product .wc-block-grid__product-price {
    color: #3B82F6 !important;
    font-weight: 700 !important;
}

.wc-block-cart__empty-cart__title + a,
.wc-block-cart a.wc-block-components-button {
    background: linear-gradient(135deg, #3B82F6, #7C3AED) !important;
    border: none !important;
    border-radius: 999px !important;
    color: white !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    margin-top: 16px !important;
}

/* ── Hide coupon field in WC Blocks cart ── */
.wc-block-components-totals-coupon,
.wp-block-woocommerce-cart-order-summary-coupon-form-block,
.wc-block-cart__add-coupon {
    display: none !important;
}

/* Notka o odbiorze osobistym w wierszu dostawy */
.starlink-pickup-note {
    margin: 5px 0 0 !important;
    padding: 0 !important;
    font-size: 0.78rem !important;
    color: #64748b !important;
    line-height: 1.45 !important;
    font-style: normal !important;
}

.starlink-pickup-note strong {
    color: #94a3b8 !important;
    font-weight: 600 !important;
}

/* ============================================================
   Strona potwierdzenia zamówienia (klasyczny PHP template)
   ============================================================ */

/* Zmienne dla spójności */
:root {
    --ocf-bg:        #111827;
    --ocf-card:      #1a2235;
    --ocf-border:    #2d3f5e;
    --ocf-text:      #e2e8f0;
    --ocf-muted:     #94a3b8;
    --ocf-accent:    #3b82f6;
    --ocf-radius:    12px;
    --ocf-pad:       24px;
}

/* Kolor bazowy */
.woocommerce-order {
    color: var(--ocf-text) !important;
    font-family: inherit !important;
}

/* ── Thank-you baner (klasyczny template) ────────────────── */
.woocommerce-thankyou-order-received {
    background: none !important;
    border: none !important;
    color: var(--ocf-text) !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    margin-bottom: 28px !important;
    padding: 0 !important;
}

/* ── Lista podsumowania (numer zamówienia, data…) ─────────── */
.woocommerce-order .woocommerce-order-overview {
    background: var(--ocf-card) !important;
    border: 1px solid var(--ocf-border) !important;
    border-radius: var(--ocf-radius) !important;
    padding: var(--ocf-pad) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    list-style: none !important;
    margin-bottom: 32px !important;
}

.woocommerce-order .woocommerce-order-overview li {
    color: var(--ocf-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    border-right: 1px solid var(--ocf-border) !important;
    padding-right: 24px !important;
    margin-right: 24px !important;
    font-family: inherit !important;
}

.woocommerce-order .woocommerce-order-overview li:last-child {
    border-right: none !important;
    margin-right: 0 !important;
}

.woocommerce-order .woocommerce-order-overview li strong {
    display: block !important;
    color: var(--ocf-text) !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    margin-top: 5px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* ── Tabela szczegółów zamówienia ────────────────────────── */
.woocommerce-order table.shop_table,
.woocommerce-order table.woocommerce-table {
    background: var(--ocf-card) !important;
    border: 1px solid var(--ocf-border) !important;
    border-radius: var(--ocf-radius) !important;
    border-collapse: collapse !important;
    overflow: hidden !important;
    width: 100% !important;
}

/* Wszystkie wiersze — reset zebra-stripingu */
.woocommerce-order table.shop_table tr,
.woocommerce-order table.woocommerce-table tr {
    background: var(--ocf-card) !important;
}

/* Wszystkie komórki — jednolite tło */
.woocommerce-order table.shop_table td,
.woocommerce-order table.woocommerce-table td {
    background: var(--ocf-card) !important;
    color: var(--ocf-text) !important;
    padding: 14px var(--ocf-pad) !important;
    border-top: 1px solid var(--ocf-border) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    font-family: inherit !important;
    font-size: 0.93rem !important;
}

/* Nagłówki kolumn (thead th) — ciemniejszy pasek */
.woocommerce-order table.shop_table thead tr,
.woocommerce-order table.woocommerce-table thead tr {
    background: #0f1420 !important;
}

.woocommerce-order table.shop_table thead th,
.woocommerce-order table.woocommerce-table thead th {
    background: #0f1420 !important;
    color: var(--ocf-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    padding: 14px var(--ocf-pad) !important;
    border-top: none !important;
    font-family: inherit !important;
}

/* Etykiety w tfoot (th scope="row" — Suma częściowa, Dostawa…) */
.woocommerce-order table.shop_table tfoot th,
.woocommerce-order table.woocommerce-table tfoot th {
    background: var(--ocf-card) !important;
    color: var(--ocf-muted) !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    padding: 12px var(--ocf-pad) !important;
    text-align: left !important;
    border-top: 1px solid var(--ocf-border) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    font-family: inherit !important;
}

/* Ostatni wiersz tfoot (Suma całkowita) */
.woocommerce-order table.shop_table tfoot tr:last-child th,
.woocommerce-order table.shop_table tfoot tr:last-child td,
.woocommerce-order table.woocommerce-table tfoot tr:last-child th,
.woocommerce-order table.woocommerce-table tfoot tr:last-child td {
    background: rgba(59,130,246,0.07) !important;
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    border-bottom: none !important;
}

.woocommerce-order .woocommerce-customer-details address {
    background: var(--ocf-card) !important;
    border: 1px solid var(--ocf-border) !important;
    border-radius: var(--ocf-radius) !important;
    padding: var(--ocf-pad) !important;
    color: var(--ocf-muted) !important;
    font-style: normal !important;
    line-height: 1.75 !important;
    font-family: inherit !important;
    font-size: 0.93rem !important;
}

/* ============================================================
   FAQ page
   ============================================================ */

.page-id-faq .entry-content h3,
.page-template-default .entry-content h3 {
    color: #F1F5F9 !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    margin-top: 2rem !important;
    margin-bottom: 0.5rem !important;
    padding-bottom: 0.4rem !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* ============================================================
   Jak to działa — steps on subpage (stacked, not 3-col grid)
   ============================================================ */

.page-id-jak-to-dziala .starlink-step,
.page-slug-jak-to-dziala .starlink-step {
    max-width: 640px !important;
    margin: 0 auto 1.5rem !important;
}

/* ============================================================
   Kontakt — contact info block
   ============================================================ */

.starlink-contact-info {
    margin: 1.5rem auto 2.5rem !important;
}

.starlink-contact-info p {
    font-size: 1.05rem !important;
    line-height: 2 !important;
}

.starlink-contact-info a {
    color: #3B82F6 !important;
    text-decoration: none !important;
}

.starlink-contact-info a:hover {
    text-decoration: underline !important;
}

/* ============================================================
   Contact form ([starlink_contact_form] shortcode)
   ============================================================ */

.starlink-contact-form {
    max-width: 560px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.starlink-form-group {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.starlink-form-group label {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #94A3B8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.starlink-form-group label span {
    color: #3B82F6;
}

.starlink-contact-form input[type="text"],
.starlink-contact-form input[type="email"],
.starlink-contact-form input[type="tel"],
.starlink-contact-form textarea {
    background: rgba(255,255,255,0.05) !important;
    border: 1.5px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    color: #F1F5F9 !important;
    font-size: 0.95rem !important;
    padding: 0.65em 0.9em !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

.starlink-contact-form input:focus,
.starlink-contact-form textarea:focus {
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important;
    outline: none !important;
}

.starlink-contact-form textarea {
    resize: vertical !important;
    min-height: 120px !important;
}

.starlink-form-submit {
    align-self: flex-start;
    background: linear-gradient(135deg, #3B82F6, #7C3AED) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 0.7em 2em !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: opacity 0.2s !important;
}

.starlink-form-submit:hover {
    opacity: 0.88 !important;
}

.starlink-form-notice {
    border-radius: 8px;
    padding: 0.85em 1.2em;
    font-size: 0.95rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.starlink-form-notice--ok {
    background: rgba(34,197,94,0.12);
    border: 1px solid rgba(34,197,94,0.35);
    color: #4ADE80;
}

.starlink-form-notice--err {
    background: rgba(239,68,68,0.12);
    border: 1px solid rgba(239,68,68,0.35);
    color: #F87171;
}

/* ============================================================
   My Account — login & register page
   ============================================================ */

/* Zwolnij ograniczenia szerokości kontenera Kadence na stronie konta */
.woocommerce-account #primary,
.woocommerce-account .content-area,
.woocommerce-account .site-main > .woocommerce {
    max-width: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Formularze logowania i rejestracji */
.woocommerce-account .u-columns:not(.woocommerce-Addresses) {
    display: flex !important;
    gap: 48px !important;
    align-items: flex-start !important;
    max-width: 1200px !important;
    margin: 40px auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
    flex: 1 1 0 !important;
    min-width: 320px !important;
}

.woocommerce-form-login,
.woocommerce-form-register {
    background: #0F1420 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    padding: 32px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Przyciski - napraw zawijanie tekstu */
.woocommerce-form-login .button,
.woocommerce-form-register .button {
    white-space: nowrap !important;
    width: auto !important;
    display: inline-block !important;
}

/* Pola input */
.woocommerce-form-login input,
.woocommerce-form-register input {
    width: 100% !important;
    box-sizing: border-box !important;
    background: #080B12 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    color: #F1F5F9 !important;
    padding: 12px 16px !important;
}

/* Checkbox "Zapamiętaj mnie" - wyrównaj */
.woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #94A3B8 !important;
    font-size: 13px !important;
    margin-bottom: 16px !important;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* Margines przed przyciskiem rejestracji */
.woocommerce-form-register input[type="submit"],
.woocommerce-form-register .button,
.woocommerce-form-register .woocommerce-Button {
    margin-top: 16px !important;
    display: block !important;
}

/* Przyciski gradient */
.woocommerce-account input[type="submit"],
.woocommerce-account .button,
.woocommerce-account .woocommerce-Button {
    background: linear-gradient(135deg, #3B82F6, #7C3AED) !important;
    border: none !important;
    border-radius: 999px !important;
    color: white !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

/* ============================================================
   My Account — dashboard (zalogowany użytkownik)
   ============================================================ */

.woocommerce-account .woocommerce {
    display: flex !important;
    gap: 32px !important;
    align-items: flex-start !important;
    padding: 40px 24px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #0F1420 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    width: 220px !important;
    flex-shrink: 0 !important;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none !important;
}

.woocommerce-MyAccount-navigation li a {
    display: block !important;
    padding: 12px 0 12px 14px !important;
    color: #94A3B8 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.woocommerce-MyAccount-navigation li a:hover {
    color: #F1F5F9 !important;
}

.woocommerce-MyAccount-navigation li.is-active a {
    color: #3B82F6 !important;
    font-weight: 600 !important;
}

.woocommerce-MyAccount-content {
    flex: 1 !important;
    font-size: 15px !important;
    color: #94a3b8 !important;
    line-height: 1.7 !important;
    min-width: 0 !important;
}

.woocommerce-account-dashboard .woocommerce-MyAccount-content {
    background: #131d2e !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 16px !important;
    padding: 28px 32px !important;
}

.woocommerce-MyAccount-content p {
    color: #94A3B8 !important;
}

.woocommerce-MyAccount-content a {
    color: #3B82F6 !important;
}

.woocommerce-MyAccount-content strong {
    color: #F1F5F9 !important;
}

.woocommerce-notices-wrapper ul.woocommerce-error {
    background: #1a2235;
    color: #e2e8f0;
    border-left: 4px solid #ef4444;
    border-radius: 8px;
    list-style: none;
    padding: 16px 20px;
}

.woocommerce-notices-wrapper ul.woocommerce-error li {
    color: #e2e8f0;
}

/* ── Pliki do pobrania — notice ──────────────────────────── */
.woocommerce-MyAccount-content .woocommerce-info {
    background: #1a2235 !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(59,130,246,0.2) !important;
    border-top: 3px solid #3b82f6 !important;
    border-radius: 10px !important;
    padding: 20px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
}

.woocommerce-MyAccount-content .woocommerce-info::before {
    display: none !important;
}

.woocommerce-MyAccount-content .woocommerce-info a.button {
    align-self: flex-start !important;
}

/* ── Adresy ──────────────────────────────────────────────── */
.woocommerce-account .u-columns.woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    align-items: stretch !important;
}

.woocommerce-account .u-columns.woocommerce-Addresses .u-column1,
.woocommerce-account .u-columns.woocommerce-Addresses .u-column2 {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 36px 40px !important;
    min-width: 0 !important;
    flex: none !important;
}

.woocommerce-account .u-columns.woocommerce-Addresses .u-column1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.woocommerce-account .u-columns.woocommerce-Addresses .u-column2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.woocommerce-MyAccount-content .woocommerce-Address {
    background: #1a2235 !important;
    border: 1px solid #2d3f5e !important;
    border-radius: 12px !important;
    padding: 28px 32px !important;
}

.woocommerce-MyAccount-content .woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-bottom: 12px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid rgba(45,63,94,0.8) !important;
}

.woocommerce-MyAccount-content .woocommerce-Address-title h2,
.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin: 0 !important;
}

.woocommerce-MyAccount-content .woocommerce-Address address {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: #94a3b8 !important;
    font-style: normal !important;
    font-size: inherit !important;
    line-height: 1.8 !important;
}

.woocommerce-MyAccount-content .woocommerce-Address-title a {
    font-size: 12px !important;
    color: #3b82f6 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.woocommerce-MyAccount-content .woocommerce-Address-title a:hover {
    color: #60a5fa !important;
}

/* Szczegóły konta + edycja adresu - pola formularza */
.woocommerce-MyAccount-content .woocommerce-form-row input.input-text,
.woocommerce-MyAccount-content fieldset input.input-text,
.woocommerce-address-fields input.input-text,
.woocommerce-address-fields textarea {
    background: #1a2235 !important;
    border: 1px solid #2d3f5e !important;
    color: #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    transition: border-color 0.2s !important;
}

.woocommerce-address-fields input.input-text:focus,
.woocommerce-address-fields textarea:focus {
    border-color: #3b82f6 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important;
}

/* Select (kraj, województwo) */
.woocommerce-address-fields select,
.woocommerce-address-fields .select2-container .select2-selection--single {
    background: #1a2235 !important;
    border: 1px solid #2d3f5e !important;
    color: #e2e8f0 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Select2 - rozwinięta lista */
.select2-dropdown {
    background: #1a2235 !important;
    border: 1px solid #2d3f5e !important;
    border-radius: 8px !important;
}

.select2-results__option {
    color: #e2e8f0 !important;
    background: transparent !important;
    padding: 8px 14px !important;
}

.select2-results__option--highlighted,
.select2-results__option:hover {
    background: rgba(59,130,246,0.15) !important;
    color: #60a5fa !important;
}

.select2-search--dropdown .select2-search__field {
    background: #0f1420 !important;
    border: 1px solid #2d3f5e !important;
    color: #e2e8f0 !important;
    border-radius: 6px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: #e2e8f0 !important;
    padding: 8px 14px !important;
    line-height: 1.5 !important;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Etykiety pól */
.woocommerce-address-fields label,
.woocommerce-address-fields .form-row label {
    color: #94a3b8 !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    margin-bottom: 5px !important;
    display: block !important;
}

/* Nagłówek h2 formularza */
.woocommerce-address-fields h2,
.woocommerce-MyAccount-content .woocommerce-address-fields h2 {
    color: #e2e8f0 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin-bottom: 24px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(45,63,94,0.8) !important;
}

/* Szczegóły konta - fieldset Password change */
.woocommerce-MyAccount-content fieldset {
    border: 1px solid #2d3f5e;
    border-radius: 10px;
    padding: 20px 24px;
}

.woocommerce-MyAccount-content fieldset legend {
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0 8px;
}

/* Opis pod "Wyświetlana nazwa" */
.woocommerce-MyAccount-content .woocommerce-form-row em {
    color: #64748b;
    font-size: 12px;
    font-style: normal;
}

/* ── Panel (Dashboard) ───────────────────────────────────── */

.woocommerce-account-dashboard .woocommerce-MyAccount-content > p:first-child {
    background: linear-gradient(135deg, rgba(59,130,246,0.10), rgba(124,58,237,0.07)) !important;
    border: 1px solid rgba(59,130,246,0.2) !important;
    border-radius: 12px !important;
    padding: 18px 22px !important;
    color: #e2e8f0 !important;
    font-size: inherit !important;
    margin-bottom: 20px !important;
}

.woocommerce-account-dashboard .woocommerce-MyAccount-content > p:first-child strong {
    color: #60a5fa !important;
    font-size: inherit !important;
    font-weight: 600 !important;
}

.woocommerce-account-dashboard .woocommerce-MyAccount-content > p:first-child a {
    color: #64748b !important;
    font-size: 0.88em !important;
}

.woocommerce-account-dashboard .woocommerce-MyAccount-content > p:last-child {
    color: #64748b !important;
    font-size: inherit !important;
    line-height: 1.8 !important;
}

.woocommerce-account-dashboard .woocommerce-MyAccount-content > p:last-child a {
    color: #3b82f6 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.woocommerce-account-dashboard .woocommerce-MyAccount-content > p:last-child a:hover {
    color: #60a5fa !important;
    text-decoration: underline !important;
}

/* ── Tabela zamówień (My Account → Zamówienia) ────────────── */
.woocommerce-orders-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #1a2235 !important;
    border: 1px solid #2d3f5e !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.woocommerce-orders-table thead th.woocommerce-orders-table__header {
    background: #0f1420 !important;
    color: #94a3b8 !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    padding: 14px 20px !important;
    border-bottom: 1px solid #2d3f5e !important;
}

.woocommerce-orders-table tbody tr {
    border-bottom: 1px solid rgba(45,63,94,0.5) !important;
    background: #1a2235 !important;
    transition: background 0.15s !important;
}

.woocommerce-orders-table tbody tr:last-child {
    border-bottom: none !important;
}

.woocommerce-orders-table tbody tr:hover {
    background: rgba(59,130,246,0.05) !important;
}

.woocommerce-orders-table td.woocommerce-orders-table__cell,
.woocommerce-orders-table th.woocommerce-orders-table__cell {
    background: transparent !important;
    color: #e2e8f0 !important;
    padding: 16px 20px !important;
    vertical-align: middle !important;
    border: none !important;
}

.woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__header-order-status {
    min-width: 160px !important;
    white-space: nowrap !important;
}

.woocommerce-orders-table__cell-order-total,
.woocommerce-orders-table__header-order-total {
    min-width: 110px !important;
    white-space: nowrap !important;
}

.woocommerce-orders-table__cell-order-number a {
    color: #3b82f6 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.woocommerce-orders-table__cell-order-number a:hover {
    color: #60a5fa !important;
}

/* Status — pill badge */
.woocommerce-orders-table mark.order-status {
    background: transparent !important;
    display: inline-block !important;
    padding: 4px 11px !important;
    border-radius: 999px !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
}

.woocommerce-orders-table mark.order-status.status-processing {
    background: rgba(59,130,246,0.15) !important;
    color: #60a5fa !important;
}

.woocommerce-orders-table mark.order-status.status-completed {
    background: rgba(34,197,94,0.15) !important;
    color: #4ade80 !important;
}

.woocommerce-orders-table mark.order-status.status-cancelled {
    background: rgba(239,68,68,0.15) !important;
    color: #f87171 !important;
}

.woocommerce-orders-table mark.order-status.status-on-hold {
    background: rgba(251,191,36,0.15) !important;
    color: #fbbf24 !important;
}

.woocommerce-orders-table mark.order-status.status-pending {
    background: rgba(148,163,184,0.12) !important;
    color: #94a3b8 !important;
}

.woocommerce-orders-table mark.order-status.status-refunded {
    background: rgba(148,163,184,0.12) !important;
    color: #94a3b8 !important;
}

/* Przycisk "Zobacz" */
.woocommerce-orders-table .button.view,
.woocommerce-MyAccount-orders .button {
    background: linear-gradient(135deg, #3b82f6, #7c3aed) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 7px 18px !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: opacity 0.2s !important;
    box-shadow: none !important;
}

.woocommerce-orders-table .button.view:hover,
.woocommerce-MyAccount-orders .button:hover {
    opacity: 0.82 !important;
    color: #fff !important;
}

/* ── Szczegóły zamówienia (My Account → Zobacz) ──────────── */

/* Intro: "Zamówienie #100 zostało złożone..." */
.woocommerce-MyAccount-content > p {
    color: #94a3b8 !important;
    margin-bottom: 24px !important;
}

.woocommerce-MyAccount-content > p mark {
    background: transparent !important;
    color: #e2e8f0 !important;
    font-weight: 600 !important;
}

.woocommerce-MyAccount-content > p mark.order-status {
    background: rgba(59,130,246,0.15) !important;
    color: #60a5fa !important;
    padding: 2px 9px !important;
    border-radius: 999px !important;
    font-size: 0.85em !important;
    white-space: nowrap !important;
}

/* Nagłówki sekcji */
.woocommerce-order-details__title,
.woocommerce-MyAccount-content .woocommerce-column__title {
    color: #94a3b8 !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    margin-bottom: 12px !important;
    margin-top: 28px !important;
    border: none !important;
}

/* Tabela produktów */
.woocommerce-MyAccount-content .woocommerce-table--order-details {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #1a2235 !important;
    border: 1px solid #2d3f5e !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.woocommerce-MyAccount-content .woocommerce-table--order-details thead th {
    background: #0f1420 !important;
    color: #94a3b8 !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    padding: 14px 20px !important;
    border-bottom: 1px solid #2d3f5e !important;
}

.woocommerce-MyAccount-content .woocommerce-table--order-details tbody tr,
.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot tr {
    background: #1a2235 !important;
    border-bottom: 1px solid rgba(45,63,94,0.5) !important;
}

.woocommerce-MyAccount-content .woocommerce-table--order-details tbody tr:last-child {
    border-bottom: none !important;
}

.woocommerce-MyAccount-content .woocommerce-table--order-details td,
.woocommerce-MyAccount-content .woocommerce-table--order-details th {
    background: transparent !important;
    color: #e2e8f0 !important;
    padding: 14px 20px !important;
    border: none !important;
    border-top: 1px solid rgba(45,63,94,0.5) !important;
}

.woocommerce-MyAccount-content .woocommerce-table--order-details thead th {
    border-top: none !important;
}

.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot th {
    color: #94a3b8 !important;
    font-weight: 500 !important;
    font-size: 0.88rem !important;
}

.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot tr:last-child td,
.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot tr:last-child th {
    background: rgba(59,130,246,0.07) !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
}

/* Adresy */
.woocommerce-MyAccount-content .woocommerce-customer-details address {
    background: #1a2235 !important;
    border: 1px solid #2d3f5e !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    color: #94a3b8 !important;
    font-style: normal !important;
    line-height: 1.8 !important;
    border-left: 2px solid #2d3f5e !important;
}

@media (max-width: 767px) {
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
    }
    .woocommerce-account .u-columns:not(.woocommerce-Addresses) {
        flex-direction: column !important;
        padding: 0 20px !important;
        gap: 24px !important;
    }

    .woocommerce-account .u-columns.woocommerce-Addresses {
        grid-template-columns: 1fr !important;
    }
    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2 {
        min-width: 0 !important;
    }
}