/*
Theme Name: kotyidragony
Theme URI: https://kotyidragony.pl
Author: Ty :)
Description: Motyw sklepu inspirowany Black Monk Games, dopasowany do logo kotyidragony.pl
Version: 1.1
Text Domain: kotyidragony
*/

:root {
    --bg-main: #101218;
    --bg-dark: #161922;
    --bg-darker: #0c0e13;
    --accent: #f3a321;
    --accent-soft: #f7c869;
    --text-main: #f5f5f5;
    --text-muted: #a8b0bf;
    --danger: #e53935;
    --border-soft: #252a36;
    --pill-bg: #1f2430;
    --pill-hover: #2a3140;
    --shadow-soft: 0 8px 20px rgba(0,0,0,0.35);
    --radius-pill: 999px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background-color: var(--bg-main);
    color: var(--text-main);
    line-height: 1.6;
}

/* Ogólne pomocnicze */

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* Layout podstawowy */

.site-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: radial-gradient(circle at top left, #1c2230 0, #0c0e13 50%, #050608 100%);
}

.site-main {
    flex: 1;
    padding: 2rem 1rem 3rem;
}

@media (min-width: 992px) {
    .site-main {
        padding: 3rem 2rem 4rem;
    }
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Górny pasek (rejestracja / logowanie) */

.topbar {
    background: #000000;
    color: #ffffff;
    font-size: 0.85rem;
    padding: 0.35rem 1rem;
}

.topbar-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}

.topbar a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 600;
}

.topbar a:hover {
    color: var(--accent);
}

.topbar-divider {
    width: 1px;
    height: 18px;
    background: rgba(255,255,255,0.3);
}

/* Header główny */

.site-header {
    background: var(--bg-dark);
    box-shadow: var(--shadow-soft);
    position: sticky;
    top: 0;
    z-index: 50;
}

.header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

/* LOGO */

.header-logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-logo img {
    max-height: 60px;
    width: auto;
    height: auto;
    display: block;
}

/* Tekstowy tytuł motywu (do użycia poza logo, jakby kiedyś trzeba było) */
.site-title {
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

/* ukrywanie tekstu tylko w logo (dla czytników ekranu) */
.header-logo .site-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* Nawigacja główna */

.main-nav {
    margin-left: auto;
}

.main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.main-nav > ul > li {
    position: relative;
}

.main-nav a {
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 0.95rem;
    border-radius: var(--radius-pill);
    background: transparent;
    color: var(--text-main);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.main-nav a:hover,
.main-nav li.current-menu-item > a,
.main-nav li.current_page_item > a {
    background: var(--pill-hover);
    color: var(--accent-soft);
}

/* Ikona HOME – badge kot+smok */

.nav-home-badge {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 40% 50%;
    border: 2px solid var(--accent);
    background: radial-gradient(circle at 30% 30%, #f8d68a 0, #f3a321 35%, #c66c12 100%);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.6);
    overflow: visible;
}

.nav-home-badge-ear {
    position: absolute;
    top: -6px;
    left: 8px;
    width: 8px;
    height: 10px;
    background: #0b0d13;
    border-radius: 2px 6px 0 0;
}

.nav-home-badge-tail {
    position: absolute;
    right: -8px;
    bottom: 6px;
    width: 14px;
    height: 8px;
    background: linear-gradient(90deg, #f3a321, #ffce62);
    border-radius: 999px;
}
/* Search w headerze */

.header-search {
    margin-left: 1rem;
    position: relative;
    flex: 0 0 230px;
}

.header-search input {
    width: 100%;
    border-radius: var(--radius-pill);
    border: 1px solid var(--border-soft);
    padding: 0.4rem 0.9rem;
    background: #090b12;
    color: var(--text-main);
}

.header-search input::placeholder {
    color: var(--text-muted);
}

.header-search button {
    position: absolute;
    right: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--accent);
}

/* Ikona koszyka */

.header-cart {
    margin-left: 1rem;
    position: relative;
}

.cart-toggle {
    border-radius: var(--radius-pill);
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--accent);
    background: #0b0d13;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--accent);
}

.cart-toggle-count {
    min-width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: var(--accent);
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
}

/* Pelzający koszyk (offcanvas) */

.cart-panel-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
    z-index: 80;
}

.cart-panel-backdrop.open {
    opacity: 1;
    visibility: visible;
}

.cart-panel {
    position: fixed;
    top: 0;
    right: -420px;
    width: 380px;
    max-width: 100%;
    height: 100%;
    background: var(--bg-darker);
    box-shadow: -8px 0 25px rgba(0,0,0,0.5);
    z-index: 90;
    display: flex;
    flex-direction: column;
    transition: right .3s ease;
}

.cart-panel.open {
    right: 0;
}

.cart-panel-header {
    padding: 1rem 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-soft);
}

.cart-panel-title {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.cart-panel-close {
    border-radius: 999px;
    border: 1px solid var(--border-soft);
    background: transparent;
    color: var(--text-muted);
    padding: 0.25rem 0.6rem;
    cursor: pointer;
    font-size: 0.8rem;
}

.cart-panel-body {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 1.25rem;
}

.cart-panel-footer {
    border-top: 1px solid var(--border-soft);
    padding: 1rem 1.25rem 1.5rem;
}

.cart-panel-footer .button {
    width: 100%;
    text-align: center;
}

/* Hero na stronie głównej */

.hero {
    display: grid;
    gap: 2rem;
    align-items: center;
}

@media (min-width: 900px) {
    .hero {
        grid-template-columns: 3fr 2fr;
    }
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    background: rgba(243,163,33,0.09);
    border-radius: 999px;
    padding: .25rem .8rem;
    border: 1px solid rgba(243,163,33,0.4);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--accent-soft);
}

.hero-title {
    font-size: clamp(2.3rem, 4vw, 3rem);
    margin: 1rem 0 0.5rem;
}

.hero-title span {
    color: var(--accent);
}

.hero-subtitle {
    color: var(--text-muted);
    max-width: 420px;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.hero-tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.hero-tile {
    border-radius: 1rem;
    padding: 0.8rem 0.9rem;
    background: rgba(8,10,16,0.9);
    border: 1px solid var(--border-soft);
    font-size: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.hero-tile strong {
    font-size: 0.9rem;
}

.hero-image-wrapper {
    text-align: center;
}

.hero-image-wrapper img {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 18px 40px rgba(0,0,0,0.6));
}

/* Sekcje / kategorie */

.section {
    margin-top: 3rem;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}

.section-title {
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.section-subtitle {
    font-size: 0.9rem;
    color: var(--text-muted);
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.3rem;
    max-width: 1200px;
    margin: 0 auto 2rem;
}

.category-card {
    background: rgba(8,10,16,0.96);
    border-radius: 22px;
    border: 2px solid rgba(255,186,68,0.15);
    box-shadow: 0 0 18px rgba(0,0,0,0.55);
    padding: 1.4rem 1.2rem;
    text-align: center;

    color: #f5f6ff;
    text-decoration: none;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.7rem;

    transition: 0.2s;
}

/* HOVER */
.category-card:hover {
    border-color: #ffba44;
    box-shadow: 0 0 28px rgba(255,186,68,0.35);
    transform: translateY(-3px);
}

/* Ikonka w środku */
.category-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;

    background: rgba(255,186,68,0.12);
    border: 2px solid rgba(255,186,68,0.45);

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 1.6rem;
    color: #ffba44;

    box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}

/* Teksty w kafelku */
.category-card strong {
    font-size: 1rem;
    font-weight: 700;
}

.category-card span {
    font-size: 0.86rem;
    color: #d5d9e6;
    line-height: 1.35;
}

/* Formularze */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea,
select {
    width: 100%;
    padding: 0.55rem 0.8rem;
    border-radius: 0.7rem;
    border: 1px solid var(--border-soft);
    background: #090b12;
    color: var(--text-main);
}

textarea {
    min-height: 140px;
}

/* Stopka */

.site-footer {
    background: #05070c;
    border-top: 1px solid #141722;
    padding: 2.5rem 1rem 1.5rem;
    color: var(--text-muted);
}

.footer-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.footer-columns {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    gap: 2rem;
    margin-bottom: 1.75rem;
}

.footer-title {
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 0.75rem;
    color: var(--text-main);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 0.3rem;
}

.footer-links a {
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.9rem;
}

.footer-links a:hover {
    color: var(--accent-soft);
}

.footer-bottom {
    border-top: 1px solid #141722;
    padding-top: 0.75rem;
    font-size: 0.8rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Responsywność */

@media (max-width: 900px) {
    .header-inner {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .header-search {
        order: 3;
        flex: 1 0 100%;
        margin: 0.5rem 0 0;
    }

    .header-logo img {
        max-height: 50px;  /* mniejsze logo na wąskich ekranach */
        height: auto;
        width: auto;
    }

    .footer-columns {
        grid-template-columns: 1fr;
    }
}

/* --- POJEDYNCZY WPIS – OGÓLNY UKŁAD --- */
.single-post-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 2.5rem 1rem 3rem;
}

/* NAGŁÓWEK WPISU */
.single-header {
    margin-bottom: 1.8rem;
}

.single-badge {
    display: inline-block;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(243,163,33,0.55);
    color: #ffdf8a;
    font-size: 0.75rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
}

.single-title {
    font-size: 2.1rem;
    margin: 0 0 0.6rem;
}

.single-meta {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.7);
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.single-cat {
    color: #f3a321;
}

.single-meta-sep {
    margin: 0 0.4rem;
}

/* MINIATURA */
.single-thumb {
    margin: 1.5rem 0 2rem;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 0 26px rgba(0,0,0,0.6);
}

.single-thumb img {
    width: 100%;
    display: block;
}

/* TREŚĆ WPISU */
.single-content {
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(255,255,255,0.85);
}

.single-content h2,
.single-content h3 {
    margin-top: 1.8rem;
    margin-bottom: 0.8rem;
}

.single-content p {
    margin-bottom: 1rem;
}

.single-content ul,
.single-content ol {
    margin-left: 1.2rem;
    margin-bottom: 1rem;
}

/* STOPKA WPISU: TAGI + NAWIGACJA */
.single-footer {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(255,255,255,0.08);
    padding-top: 1.4rem;
}

.single-tags {
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.single-tags span {
    font-weight: 600;
    margin-right: 0.3rem;
}

.single-tags a {
    color: #f3a321;
    text-decoration: none;
}

.single-tags a:hover {
    text-decoration: underline;
}

/* NAWIGACJA MIĘDZY WPISAMI */
/* --- Pojedynczy wpis – nawigacja --- */
.single-post-nav {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.9rem;
}

.single-post-nav a {
    color: #ffdf8a;
    text-decoration: none;
}

.blog-thumb img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

/* --- BLOG: lista wpisów – karty --- */

/* Podstawowa karta wpisu */
.blog-card {
    background: #090b10;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 0 26px rgba(0, 0, 0, 0.6);
    margin-bottom: 2.5rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.blog-card:hover {
    transform: translateY(-3px);
    border-color: rgba(243,163,33,0.45);
    box-shadow: 0 0 30px rgba(243,163,33,0.25);
}

/* Wariant poziomy – miniatura lewo, treść prawo */
.blog-card.horizontal {
    display: flex;
    gap: 22px;
    padding: 20px;
}

/* miniatura po lewej */
.blog-thumb-left {
    flex: 0 0 260px;
    height: 260px;
    border-radius: 14px;
    overflow: hidden;
    display: block;
}

.blog-thumb-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* placeholder gdy brak obrazka */
.blog-thumb-placeholder {
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 30% 20%, #f3a321 0, #050608 65%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffdf8a;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/* prawa część karty */
.blog-card-body-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* meta + tytuł + opis */
.blog-meta {
    color: rgba(255,255,255,0.6);
    font-size: .85rem;
    margin-bottom: .5rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.blog-title a {
    font-size: 1.4rem;
    color: #ffffff;
    text-decoration: none;
}

.blog-title a:hover {
    color: #f3a321;
}

.blog-excerpt {
    color: rgba(255,255,255,0.85);
    margin: .7rem 0 1rem;
}

/* link "Czytaj dalej" */
.blog-readmore {
    color: #f3a321;
    font-weight: 600;
    text-decoration: none;
}

.blog-readmore:hover {
    text-decoration: underline;
}

/* mobile – układ pionowy */
@media (max-width: 768px) {
    .blog-card.horizontal {
        flex-direction: column;
    }

    .blog-thumb-left {
        width: 100%;
        height: 220px;
    }
}

/* zmniejszenie obrazka w pojedynczym artykule */
.single-thumb {
    max-width: 700px;
    margin: 1.5rem auto 2rem;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 0 24px rgba(0,0,0,0.45);
}

.single-thumb img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    display: block;
}
/* ==========================
   STRONA KONTAKTU
   ========================== */

.contact-page {
    max-width: 1000px;
    margin: 0 auto 3rem;
}

.contact-hero {
    margin-bottom: 2rem;
}

.contact-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
    gap: 2rem;
    margin-bottom: 3rem;
}

.contact-card {
    background: rgba(8,10,16,0.96);
    border-radius: 18px;
    border: 1px solid var(--border-soft);
    padding: 1.6rem 1.8rem;
    box-shadow: var(--shadow-soft);
}

.contact-card h2 {
    margin-top: 0;
    margin-bottom: 0.75rem;
}

.contact-card h3 {
    margin-top: 1.4rem;
    margin-bottom: 0.5rem;
}

.contact-list {
    margin: 0 0 1.4rem;
}

.contact-list div {
    margin-bottom: 0.4rem;
}

.contact-list dt {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: .09em;
    color: var(--text-muted);
}

.contact-list dd {
    margin: 0;
}

.contact-list a {
    color: #ffdf8a;
    text-decoration: none;
}

.contact-list a:hover {
    color: var(--accent-soft);
}

.contact-bank-box {
    padding: 0.8rem 1rem;
    border-radius: 12px;
    background: radial-gradient(circle at 0 0, rgba(243,163,33,0.14), rgba(5,6,8,0.95));
    border: 1px solid rgba(243,163,33,0.35);
    margin-bottom: 0.8rem;
    font-size: 0.95rem;
}

.contact-bank-note {
    font-size: 0.9rem;
    color: var(--text-muted);
}

.contact-small {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.contact-steps {
    padding-left: 1.2rem;
    margin: 0.4rem 0 0.8rem;
    font-size: 0.9rem;
}

/* Formularz kontaktowy – tylko front */
.contact-form .form-row {
    margin-bottom: 0.9rem;
}

.contact-form label {
    display: block;
    font-size: 0.85rem;
    margin-bottom: 0.25rem;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
    width: 100%;
    border-radius: 0.7rem;
    border: 1px solid var(--border-soft);
    background: #090b12;
    color: var(--text-main);
    padding: 0.55rem 0.8rem;
    font-size: 0.9rem;
}

.contact-form button[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* FAQ */

.contact-faq {
    margin-bottom: 3rem;
}

.contact-faq h2 {
    margin-bottom: 1.2rem;
}

.faq-item {
    background: rgba(8,10,16,0.96);
    border-radius: 16px;
    border: 1px solid var(--border-soft);
    padding: 1.2rem 1.4rem;
    box-shadow: 0 8px 20px rgba(0,0,0,0.35);
    margin-bottom: 1rem;
}

.faq-item h3 {
    margin-top: 0;
    margin-bottom: 0.35rem;
}

/* RWD */

@media (max-width: 900px) {
    .contact-grid {
        grid-template-columns: 1fr;
    }
}
/* Linki na stronie kontaktu – kolor jak reszta motywu */
.contact-card a,
.contact-faq a {
    color: #ffdf8a;
    text-decoration: none;
    font-weight: 500;
}

.contact-card a:hover,
.contact-faq a:hover {
    color: #f3a321;
    text-decoration: underline;
}
/* ============================
   LINKI W ARTYKUŁACH I SPISIE TREŚCI
   ============================ */

/* linki w artykułach single post */
.single-content a,
.single-content a:visited,
.single-post-wrapper a,
.blog-excerpt a {
    color: #ffdf8a;        /* jasne złoto, tak jak reszta motywu */
    text-decoration: none;
    font-weight: 500;
}

.single-content a:hover,
.single-post-wrapper a:hover {
    color: #f3a321;        /* mocniejszy pomarańcz przy hover */
    text-decoration: underline;
}

/* linki w spisie treści (TOC) */
.single-content .toc a,
.single-content .toc a:visited {
    color: #ffdf8a;
    text-decoration: none;
    font-weight: 500;
}

.single-content .toc a:hover {
    color: #f3a321;
    text-decoration: underline;
}
.section-separator-strong {
    height: 2px;
    border: none;
    background: rgba(243,163,33,0.8);
    box-shadow:
        0 0 12px rgba(243,163,33,0.8),
        0 0 20px rgba(243,163,33,0.5),
        0 0 28px rgba(243,163,33,0.35);
    margin: 2rem 0;
    border-radius: 2px;
}
/* Podstawowy układ */
.header-inner {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Burger – domyślnie schowany na desktopie */
.header-menu-toggle {
    display: none;
    background: none;
    border: 0;
    padding: 0.5rem;
    cursor: pointer;
}

.header-menu-toggle-bar {
    display: block;
    width: 22px;
    height: 2px;
    margin: 4px 0;
    background: #fff;
}

/* Blok nawigacji + szukajki */
.header-main-nav-wrapper {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

/* MOBILE */
@media (max-width: 768px) {
    .header-inner {
        justify-content: space-between;
    }

    .header-menu-toggle {
        display: inline-block;
    }

    .header-main-nav-wrapper {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        flex-direction: column;
        background: #000; /* dopasuj do designu */
        padding: 0;
        transition: max-height 0.3s ease;
        z-index: 999;
    }

    .header-main-nav-wrapper.is-open {
        max-height: 80vh;
        padding: 1rem;
    }

    .main-nav ul {
        flex-direction: column;
        gap: 0.5rem;
    }

    .header-search {
        width: 100%;
    }
}
/* Uporządkowanie elementów w headerze na desktopie */
.site-header .header-inner {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Kolejność: logo -> burger -> nawigacja (z kostkami + szukajką) -> koszyk */
.site-header .header-logo {
    order: 1;
}

.site-header .header-menu-toggle {
    order: 2;
}

/* blok z menu + szukajką */
.site-header .header-main-nav-wrapper {
    order: 3;
    flex: 1;              /* żeby menu mogło się rozciągnąć i przepchnąć koszyk na prawo */
}

/* koszyk na samym końcu */
.site-header .header-cart {
    order: 4;
    margin-left: 1rem;
}

/* Na mobile nic nie musisz zmieniać — burger dalej działa.
   Ale jak chcesz, możesz dodatkowo doprecyzować w media query: */

@media (max-width: 768px) {
    .site-header .header-inner {
        justify-content: space-between;
    }

    /* jeśli chcesz, żeby koszyk był obok burgera na mobilu, zostaw te same ordery */
}
/* PANEL "MOJE KONTO" – kontener */
.woocommerce-account .kd-account-dashboard {
    max-width: 1100px;
    margin: 0 auto 3rem;
    padding: 2.5rem 2rem 3rem;
    background: rgba(8,10,16,0.96);
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 0 35px rgba(0,0,0,0.7);
}

/* HERO u góry */
.kd-account-hero {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2.5rem;
}

.kd-account-hero-main h1 {
    font-size: 1.9rem;
    margin-bottom: 0.5rem;
}

.kd-account-hero-main p {
    margin: 0;
    color: #d5d9e6;
}

/* STATYSTYKI */
.kd-account-hero-meta {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 220px;
}

.kd-account-stat {
    background: linear-gradient(135deg, rgba(123,215,255,0.18), rgba(18,22,33,0.95));
    border-radius: 16px;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(123,215,255,0.6);
}

body:not(.woocommerce-account) .kd-account-stat {
    /* fallback, gdyby klasa użyła się gdzie indziej – raczej niepotrzebne, ale bezpieczne */
}

.kd-account-stat-label {
    display: block;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.8;
}

.kd-account-stat-value {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
}

.kd-account-stat-sub {
    display: block;
    font-size: 0.8rem;
    opacity: 0.8;
}

/* GRID KART */
.kd-account-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1.4rem;
    margin-bottom: 2rem;
}

.kd-account-card {
    display: flex;
    flex-direction: column;
    background: rgba(12,15,24,0.95);
    border-radius: 18px;
    padding: 1.3rem 1.4rem 1.1rem;
    border: 1px solid rgba(255,255,255,0.05);
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.kd-account-card-title {
    font-weight: 700;
    margin-bottom: 0.4rem;
}

.kd-account-card p {
    margin: 0 0 0.75rem;
    font-size: 0.95rem;
    color: #d5d9e6;
}

.kd-account-card-link {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--kd-accent-account, var(--kd-accent));
}

.kd-account-card:hover {
    transform: translateY(-2px);
    border-color: var(--kd-accent-account, var(--kd-accent));
    box-shadow: 0 0 22px color-mix(in srgb, var(--kd-accent-account, var(--kd-accent)) 50%, transparent);
}

/* NOTKA NA DOLE */
.kd-account-note {
    font-size: 0.9rem;
    color: #c1c6d6;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 1.1rem;
}

/* RWD */
@media (max-width: 768px) {
    .woocommerce-account .kd-account-dashboard {
        padding: 1.7rem 1.2rem 2.3rem;
    }

    .kd-account-hero {
        flex-direction: column;
    }

    .kd-account-hero-meta {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .kd-account-stat {
        flex: 1 1 160px;
    }
}
/* Nawigacja w panelu Moje konto */

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0 0 2rem;
    padding: 0;
    display: flex;
    flex-direction: column;  /* PIONOWO */
    gap: 0.7rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0;
}


/* KAFELKI */
.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block;
    width: 100%;
    padding: 0.75rem 1.2rem;
    border-radius: 14px;
    background: rgba(8,10,16,0.95);
    border: 1px solid rgba(255,255,255,0.08);
    color: #f5f6ff;
    font-size: 1rem;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, color 0.2s;
}

/* Hover */
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    border-color: var(--kd-accent, #ffba44);
    color: #ffe9c2;
    box-shadow: 0 0 15px rgba(255,186,68,0.35);
}

/* AKTYWNY kafelek */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: var(--kd-accent, #ffba44);
    color: #151821;
    border-color: var(--kd-accent, #ffba44);
    font-weight: 700;
    box-shadow: 0 0 22px rgba(255,186,68,0.55);
}
/* --- ADRESY W "MOJE KONTO" --- */

/* Kontener z adresami – rób z tego kolumnę z odstępem */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Każdy adres jako kafelek */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address {
    background: rgba(8, 10, 16, 0.96);
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 1.3rem 1.5rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
}

/* Tytuł + link "Dodaj / Edytuj" obok siebie */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .title h3 {
    margin: 0;
    font-size: 1.25rem;
}

/* Link "Dodaj / Edytuj adres" – kolor zgodny z motywem */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address a {
    color: var(--kd-accent, #ffba44);
    text-decoration: none;
    font-size: 0.9rem;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address a:hover {
    text-decoration: underline;
}

/* Tekst w kafelku */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address {
    margin: 0.3rem 0 0;
    font-style: normal;
    color: #d5d9e6;
}

/* RWD – dodatkowo można lekko zmniejszyć padding na małych ekranach */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address {
        padding: 1.1rem 1.2rem;
    }
}

/* Link "Wróć do zamówienia" pod adresami */
.woocommerce-account .kd-back-to-checkout {
    margin-top: 1.5rem;
}

.woocommerce-account .kd-back-to-checkout a {
    display: inline-block;
    padding: 0.5rem 1.1rem;
    border-radius: 999px;
    background: transparent;
    border: 1px solid var(--kd-accent, #ffba44);
    color: var(--kd-accent, #ffba44);
    font-size: 0.9rem;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce-account .kd-back-to-checkout a:hover {
    background: var(--kd-accent, #ffba44);
    color: #151821;
    box-shadow: 0 0 18px rgba(255, 186, 68, 0.45);
}
/* Pasek szybkiej nawigacji w Moje konto */
.woocommerce-account .kd-account-quick-nav {
    margin-top: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

/* Bazowy przycisk */
.woocommerce-account .kd-account-quick-nav .kd-btn {
    display: inline-block;
    padding: 0.5rem 1.2rem;
    border-radius: 999px;
    font-size: 0.9rem;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    border: 1px solid transparent;
}

/* Outline – Koszyk */
.woocommerce-account .kd-account-quick-nav .kd-btn-outline {
    background: transparent;
    color: var(--kd-accent, #ffba44);
    border-color: var(--kd-accent, #ffba44);
}

.woocommerce-account .kd-account-quick-nav .kd-btn-outline:hover {
    background: rgba(255,186,68,0.12);
    box-shadow: 0 0 18px rgba(255,186,68,0.4);
}

/* Ghost – Kontynuuj zakupy */
.woocommerce-account .kd-account-quick-nav .kd-btn-ghost {
    background: transparent;
    color: #d5d9e6;
    border-color: rgba(255,255,255,0.16);
}

.woocommerce-account .kd-account-quick-nav .kd-btn-ghost:hover {
    border-color: var(--kd-accent, #ffba44);
    color: #ffe9c2;
    box-shadow: 0 0 16px rgba(255,186,68,0.35);
}

/* RWD */
@media (max-width: 768px) {
    .woocommerce-account .kd-account-quick-nav {
        flex-direction: column;
        align-items: stretch;
    }

    .woocommerce-account .kd-account-quick-nav .kd-btn {
        text-align: center;
        width: 100%;
    }
}
/* Linki w kokpicie "Moje konto" (np. e-mail w notce) */
body.woocommerce-account .kd-account-dashboard a {
    color: var(--kd-accent, #ffba44);
    text-decoration: none;
}

body.woocommerce-account .kd-account-dashboard a:hover {
    text-decoration: underline;
}

/* ===========================
   DROPDOWN "SKLEP" W MENU
   =========================== */

/* UL – żeby dropdown miał punkt odniesienia */
.main-nav ul {
    position: relative;
}

/* <li> ze sklepem */
.nav-has-dropdown {
    position: relative;
}

/* Link "Sklep" + strzałka */
.nav-has-dropdown > a {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}

.nav-has-dropdown > a::after {
    content: "▾";
    font-size: 0.65rem;
    margin-left: 6px;

    display: inline-block;
    line-height: 1;      /* żeby nie podnosiła tekstu */
}

/* PANEL DROPDOWN — mini mega-menu (desktop) */
.nav-dropdown {
    position: absolute;
    top: 100%;                  /* dokładnie przy dolnej krawędzi li */
    left: 50%;
    transform: translateX(-50%);
    /* UWAGA: zero margin-top, brak "dziury" */
    margin-top: 0;

    min-width: 420px;
    max-width: 520px;

    background: #0e111a;
    border-radius: 20px;
    padding: 1rem 1.2rem;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 22px 40px rgba(0,0,0,0.85);

    z-index: 70;

    display: none;
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 0.5rem 0.8rem;
}

/* POKAZANIE NA HOVER / FOCUS */
.nav-has-dropdown:hover .nav-dropdown,
.nav-has-dropdown:focus-within .nav-dropdown {
    display: grid;
}

/* Linki w dropdownie */
.nav-dropdown a {
    display: flex;
    flex-direction: column;      /* ikona + tekst = pełne wyśrodkowanie */
    align-items: center;
    justify-content: center;

    padding: 0.55rem 0.9rem;     /* lekko większy padding = ładny box */
    background: rgba(18,20,28,0.95);
    border-radius: 999px;

    font-size: 0.85rem;
    color: #f5f6ff;
    text-decoration: none;
    line-height: 1.35;           /* poprawa pionowego wyrównania */
    text-align: center;
    white-space: normal;         /* pozwala łamać długie nazwy */

    min-height: 55px;            /* blok ma stałą, wygodną wysokość */
    box-sizing: border-box;

    transition:
        background .15s ease,
        color .15s ease,
        box-shadow .15s ease;
}

/* Hover na linku */
.nav-dropdown a:hover {
    background: var(--accent, #ffba44);
    color: #000;
    box-shadow: 0 0 12px rgba(255,186,68,.55);
}

/* ===========================
   MOBILE — brak dropdownu
   =========================== */
@media (max-width: 768px) {
    .nav-dropdown {
        display: none !important;
    }

    .nav-has-dropdown > a::after {
        content: "";
    }
}

/* ---------------------------------------------------------
   PRZYCISKI (duży złoty + ciemny „ghost”)
   --------------------------------------------------------- */

/* Kontener, jeśli przyciski są obok siebie */
.button-row {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}


/* Ciemny przycisk „ghost” */
.kd-btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,0.06);
    color: #f5f6ff;
    border: 2px solid rgba(255,255,255,0.12);

    font-size: 0.9rem;
    padding: 0.7rem 1.4rem;

    border-radius: 36px;
    text-decoration: none;

    transition: 0.2s ease;
}

.kd-btn-ghost:hover {
    border-color: #ffba44;
    color: #ffba44;
    box-shadow: 0 0 14px rgba(255,186,68,0.25);
    transform: translateY(-2px);
}

/* Ikonka w ghost buttonie */
.kd-btn-ghost .icon {
    margin-right: 0.4rem;
    font-size: 1rem;
}
/* ===========================
   PANEL LOGOWANIA / REJESTRACJI
   =========================== */

.kd-auth-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 2rem;
    margin: 2.5rem 0 3rem;
}

.kd-auth-wrapper--single {
    grid-template-columns: minmax(0, 1fr);
    max-width: 620px;
}

/* Karty */
.kd-auth-card {
    background: rgba(8, 10, 16, 0.96);
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    padding: 1.8rem 2rem;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}

.kd-auth-login {
    position: relative;
}

.kd-auth-register {
    position: relative;
}

/* Nagłówki */
.kd-auth-title {
    margin: 0 0 0.6rem;
    font-size: 1.2rem;
}

.kd-auth-subtitle {
    margin: 0 0 1.4rem;
    color: #aeb4c6;
    font-size: 0.95rem;
}

/* Pola */
.kd-auth-field {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.kd-auth-field label {
    font-size: 0.9rem;
    color: #d5d9e6;
}

.kd-auth-field label span {
    color: #ffba44;
}

.kd-auth-field input[type="text"],
.kd-auth-field input[type="email"],
.kd-auth-field input[type="password"] {
    border-radius: 999px;
    border: 1px solid #252a36;
    background: #090b12;
    color: #f5f6ff;
    padding: 0.55rem 0.9rem;
    font-size: 0.95rem;
}

.kd-auth-field input:focus {
    outline: none;
    border-color: #ffba44;
    box-shadow: 0 0 0 1px rgba(255,186,68,0.3);
}

/* Info / zgody */
.kd-auth-info,
.kd-auth-consent {
    font-size: 0.82rem;
    color: #aeb4c6;
    margin-bottom: 0.9rem;
}

.kd-auth-consent a,
.kd-auth-help a {
    color: var(--kd-accent, #ffba44);
    text-decoration: none;
}

.kd-auth-consent a:hover,
.kd-auth-help a:hover {
    text-decoration: underline;
}

/* Stopka karty */
.kd-auth-footer {
    margin-top: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.kd-auth-remember {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: #c0c5d6;
}

.kd-auth-help {
    margin-top: 0.6rem;
    font-size: 0.85rem;
}

/* Przyciski – korzystamy z Twoich klas kd-btn */
.kd-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.55rem 1.3rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    text-decoration: none;
    transition: background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.kd-btn-ghost {
    background: rgba(255,255,255,0.05);
    color: #f5f6ff;
    border-color: rgba(255,255,255,0.16);
}

.kd-btn-ghost:hover {
    border-color: #ffba44;
    color: #ffba44;
    box-shadow: 0 0 18px rgba(255,186,68,0.35);
}

/* RWD */
@media (max-width: 900px) {
    .kd-auth-wrapper {
        grid-template-columns: minmax(0, 1fr);
    }

    .kd-auth-card {
        padding: 1.5rem 1.4rem;
    }
}
.kd-form-box,
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-ResetPassword,
form.login,
form.register {
    border: 1px solid rgba(255, 186, 68, 0.35) !important; /* delikatna pomarańczowa */
    box-shadow: 0 0 25px rgba(255, 186, 68, 0.15) !important; /* miękka poświata jak na blogu */
    border-radius: 16px !important;
}
/* Ogólne pudełko */
.kd-form-wrapper {
    max-width: 520px;
    margin: 0 auto;
    padding: 2.5rem 1.5rem;
}

.kd-form-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.kd-form-subtitle {
    opacity: .7;
    margin-bottom: 1.8rem;
}

/* Pola */
.kd-form-box input[type="text"],
.kd-form-box input[type="email"],
.kd-form-box input[type="password"] {
    width: 100%;
    padding: 0.9rem 1.2rem;
    background: #13151d;
    border-radius: 12px;
    border: 1px solid rgba(255, 186, 68, 0.25);
    color: #fff;
}

.kd-form-box label {
    margin-bottom: 0.4rem;
    display: block;
    font-size: 0.95rem;
    font-weight: 600;
}

/* Gdy w URL jest ?register – pokazuj przede wszystkim kartę rejestracji */
body.kd-show-register .kd-auth-card.kd-auth-login {
    display: none;
}

body.kd-show-register .kd-auth-card.kd-auth-register {
    display: block;
}

/* Na wszelki wypadek, gdyby default był inny */
.kd-auth-card.kd-auth-register {
    /* domyślnie normalnie wyświetlana */
}
/* --- Upiększenie panelu rejestracji --- */

.kd-auth-register .kd-auth-subtitle {
    max-width: 36rem;
    line-height: 1.5;
}

.kd-auth-register .kd-auth-info,
.kd-auth-register .kd-auth-consent {
    font-size: 0.9rem;
    line-height: 1.45;
    color: #d5d9e6;
}

.kd-auth-register .kd-auth-consent a {
    color: var(--kd-accent, #ffba44);
    text-decoration: none;
}

.kd-auth-register .kd-auth-consent a:hover {
    text-decoration: underline;
}

/* lekko większy odstęp nad przyciskiem */
.kd-auth-register .kd-auth-footer {
    margin-top: 1.2rem;
}

.kd-auth-consent {
    font-size: 0.9rem;
    line-height: 1.5;
    color: #cfd4e6;
}

.kd-auth-consent a {
    color: var(--kd-accent, #ffba44);
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px dashed rgba(255,186,68,0.35);
    padding-bottom: 1px;

    transition:
        color 0.15s ease,
        border-color 0.15s ease,
        text-shadow 0.15s ease;
}

.kd-auth-consent a:hover {
    color: #ffd37a;
    border-bottom-color: rgba(255,211,122,0.8);
    text-shadow: 0 0 6px rgba(255,186,68,0.35);
}

/* ============================================================ 
   SKLEP / LISTA PRODUKTÓW – STYL KOTYIDRAGONY
   ============================================================ */

/* Karta produktu */
.woocommerce ul.products li.product {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 18px;
    padding: 1.1rem 1.2rem 1.4rem;
    box-shadow: 0 0 18px rgba(0,0,0,0.55);
    transition: all .18s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 26px rgba(0,0,0,0.8);
}

/* Obrazki produktów */
.woocommerce ul.products li.product a img {
    border-radius: 14px;
}

/* Tytuł produktu */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title a {
    color: #f5f6ff !important;
    font-weight: 700;
    font-size: 1rem;
    margin-top: 0.8rem;
    margin-bottom: 0.3rem;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover {
    color: var(--kd-accent, #ffba44) !important;
}

/* Cena */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount {
    color: var(--kd-accent, #ffba44) !important;
    font-weight: 700;
    margin-bottom: 0.8rem;
    display: block;
}

/* Przycisk "Dodaj do koszyka" */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product button.button,
.woocommerce ul.products li.product .add_to_cart_button {
    background: var(--kd-accent, #ffba44) !important;
    color: #0f1118 !important;
    border-radius: 999px !important;
    border: none !important;
    padding: 0.55rem 1.4rem !important;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: none;
    box-shadow: 0 0 18px rgba(255,186,68,0.55);
    transition: all .18s ease;
}

.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product button.button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
    background: #ffc85f !important;
    box-shadow: 0 0 24px rgba(255,186,68,0.75);
    transform: translateY(-1px);
}

/* Po dodaniu – usuwamy link spod przycisku (będzie globalny komunikat u góry) */
.woocommerce ul.products li.product a.added_to_cart {
    display: none !important;
}

/* ============================================================ 
   KOMUNIKATY WOOCOMMERCE – NAD LISTĄ PRODUKTÓW
   ============================================================ */

.woocommerce-notices-wrapper {
    position: relative;
}

/* KOMUNIKAT PO DODANIU DO KOSZYKA – DARK + GOLD */
.woocommerce-message {
    position: relative !important;
    max-width: 100%;
    margin-bottom: 1.5rem;
    
    background: #0d0f16 !important; /* ciemne tło jak reszta */
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-left: 3px solid var(--kd-accent, #ffba44) !important; /* delikatny złoty akcent z boku */
    
    color: #f5f6ff !important;
    padding: 0.85rem 1.1rem !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.7);
}

/* usuwamy jakiekolwiek inne kolorowe kreski z motywu (np. u góry) */
.woocommerce-message,
.woocommerce-message::before,
.woocommerce-message::after {
    border-top: none !important;
}

/* Tekst w komunikacie */
.woocommerce-message strong {
    color: var(--kd-accent, #ffba44);
}

/* Link "Zobacz koszyk" jako złoty przycisk po prawej */
.woocommerce-message .button {
    background: var(--kd-accent, #ffba44) !important;
    color: #0f1118 !important;
    border-radius: 999px !important;
    padding: 0.4rem 1.1rem !important;
    font-size: 0.8rem;
    font-weight: 700;
    border: none !important;
    box-shadow: 0 0 16px rgba(255,186,68,0.55);
    margin-left: 0.8rem;
}

.woocommerce-message .button:hover {
    background: #ffc85f !important;
    box-shadow: 0 0 22px rgba(255,186,68,0.75);
}

/* Na wszelki wypadek – linki tekstowe w komunikacie */
.woocommerce-message a:not(.button) {
    color: var(--kd-accent, #ffba44) !important;
    text-decoration: underline;
}

/* Bez ikonki "✔" z lewej, żeby było czyściej */
.woocommerce-message::before {
    display: none !important;
}

/* ============================================================ 
   SORTOWANIE / FILTRY W SKLEPIE
   ============================================================ */

.woocommerce .woocommerce-ordering {
    margin-bottom: 2rem;
}

/* Select sortowania – zamknięty */
.woocommerce .woocommerce-ordering select {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    border-radius: 999px;
    padding: 0.45rem 1.2rem;
    color: #f5f6ff !important;
    font-size: 0.85rem;
    cursor: pointer;
}

/* Opcje w dropdownie */
.woocommerce .woocommerce-ordering select option {
    background: #0d0f16;
    color: #f5f6ff;
}

/* Wybrana / hover opcja */
.woocommerce .woocommerce-ordering select option:checked,
.woocommerce .woocommerce-ordering select option:hover {
    background: var(--kd-accent, #ffba44);
    color: #0f1118;
}

/* Fokus na select */
.woocommerce .woocommerce-ordering select:focus {
    outline: none;
    border-color: var(--kd-accent, #ffba44);
    box-shadow: 0 0 12px rgba(255,186,68,0.35);
}
/* ============================================================ 
   POJEDYNCZY PRODUKT – STYL KOTYIDRAGONY
   ============================================================ */

/* Breadcrumbs */
.woocommerce-breadcrumb {
    font-size: 0.8rem;
    margin-bottom: 1.5rem;
    color: #7e8395;
}

.woocommerce-breadcrumb a {
    color: #afb4c4;
}

.woocommerce-breadcrumb a:hover {
    color: var(--kd-accent, #ffba44);
}

/* Tytuł produktu */
.woocommerce div.product .product_title {
    color: #f5f6ff;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
}

/* Cena */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--kd-accent, #ffba44);
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 0.8rem;
}

/* Meta (kategoria, tagi) */
.woocommerce div.product .product_meta {
    margin-top: 0.6rem;
    font-size: 0.85rem;
    color: #8e93a5;
}

.woocommerce div.product .product_meta a {
    color: var(--kd-accent, #ffba44);
    text-decoration: underline;
}

.woocommerce div.product .product_meta a:hover {
    color: #ffd37a;
}

/* Ilość + przycisk "Dodaj do koszyka" */
.woocommerce div.product form.cart {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

/* input ilości */
.woocommerce div.product form.cart .quantity .qty {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.14);
    color: #f5f6ff;
    border-radius: 10px;
    padding: 0.4rem 0.6rem;
    margin-right: 0.5rem;
}

/* przycisk */
.woocommerce div.product form.cart .button {
    background: var(--kd-accent, #ffba44) !important;
    color: #0f1118 !important;
    border-radius: 999px !important;
    border: none !important;
    padding: 0.55rem 1.6rem !important;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.04em;
    box-shadow: 0 0 18px rgba(255,186,68,0.55);
    transition: all .18s ease;
}

.woocommerce div.product form.cart .button:hover {
    background: #ffc85f !important;
    box-shadow: 0 0 24px rgba(255,186,68,0.75);
    transform: translateY(-1px);
}

/* Obrazek produktu – lekko zaokrąglony */
.woocommerce div.product div.images img {
    border-radius: 18px;
    box-shadow: 0 0 22px rgba(0,0,0,0.7);
}

/* ============================================================ 
   TABY (Opis, Informacje dodatkowe, Opinie)
   ============================================================ */

.woocommerce div.product .woocommerce-tabs {
    margin-top: 2rem;
}

/* Pasek z zakładkami */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin: 0 0 0.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* pojedyncza zakładka */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0 0.25rem 0;
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: 0.45rem 0.95rem;
    border-radius: 999px;
    font-size: 0.85rem;
    color: #c2c6d4;
    background: rgba(255,255,255,0.03);
}

/* aktywna zakładka */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background: var(--kd-accent, #ffba44);
    color: #0f1118;
    box-shadow: 0 0 18px rgba(255,186,68,0.55);
}

/* hover */
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    background: rgba(255,255,255,0.06);
    color: #f5f6ff;
}

/* usuwamy dziwne pseudo-elementy motywu */
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display: none !important;
}

/* Treść zakładek */
.woocommerce div.product .woocommerce-tabs .panel {
    background: rgba(255,255,255,0.02);
    border-radius: 14px;
    padding: 1.3rem 1.4rem;
    border: 1px solid rgba(255,255,255,0.06);
    color: #d7d9e3;
    font-size: 0.95rem;
    line-height: 1.6;
    box-shadow: 0 0 18px rgba(0,0,0,0.6);
}

/* Nagłówek w panelu (np. "Opis") */
.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 1.05rem;
    color: #f5f6ff;
    margin-bottom: 0.7rem;
}

/* Opinie – gwiazdki itd. */
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    background: rgba(255,255,255,0.03);
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.06);
    color: #d7d9e3;
}

.woocommerce #reviews #comments ol.commentlist li .meta {
    color: #9da2b4;
}
/* ============================================
   FIX: zakładki Opis / Informacje / Opinie
   – usunięcie brzydkiej linii i łączenia
   ============================================ */

/* Pasek z zakładkami – bez dolnej kreski */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin: 0 0 0.75rem !important;
    border: none !important;
    box-shadow: none !important;
}

/* Pojedyncza zakładka – pełne nadpisanie motywu */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 0.25rem 0 !important;
}

/* Aktywna zakładka – tylko nasza „pigułka” */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    border: none !important;
    box-shadow: none !important;
}

/* Na wszelki wypadek – kasujemy pseudo-elementy motywu */
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display: none !important;
}

/* Panel z treścią – lekki odstęp i ładna karta */
.woocommerce div.product .woocommerce-tabs .panel {
    margin-top: 0 !important;
    background: rgba(255,255,255,0.02);
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.06);
}


/* ===========================
   Linki: Warunki / Polityka
   =========================== */

.woocommerce-privacy-policy-text,
.woocommerce-terms-and-conditions-wrapper {
    font-size: 0.85rem;
    color: #cfd4e6;
}

.woocommerce-privacy-policy-text a,
.woocommerce-terms-and-conditions-wrapper a {
    color: #ffdf8a !important;          /* złoto, jak reszta motywu */
    text-decoration: none;
    border-bottom: 1px dashed rgba(255,186,68,0.55);
    padding-bottom: 1px;
    font-weight: 500;
}

.woocommerce-privacy-policy-text a:hover,
.woocommerce-terms-and-conditions-wrapper a:hover {
    color: #ffd37a !important;
    border-bottom-color: rgba(255,211,122,0.9);
    text-shadow: 0 0 6px rgba(255,186,68,0.35);
}


/* ============================
   KOSZYK (WooCommerce Cart Block)
   ============================ */

/* Tytuł "Koszyk" */
body.woocommerce-cart .wc-block-cart .wc-block-cart__title {
    color: #f5f6ff;
    font-weight: 700;
}

/* Lista produktów – ciemne kartki */
body.woocommerce-cart .wc-block-cart .wc-block-cart-items__header,
body.woocommerce-cart .wc-block-cart .wc-block-cart-items__row {
    background: rgba(255,255,255,0.02);
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.08);
    padding: 0.8rem 1rem;
}

body.woocommerce-cart .wc-block-cart .wc-block-cart-items__row + .wc-block-cart-items__row {
    margin-top: 0.6rem;
}

/* Nazwa produktu + ceny */
body.woocommerce-cart .wc-block-cart .wc-block-cart-item__product,
body.woocommerce-cart .wc-block-cart .wc-block-cart-item__total {
    color: #f5f6ff;
}

/* input ilości – lekko przyciemniony */
body.woocommerce-cart .wc-block-cart .wc-block-cart-item__quantity-input input {
    background: #121520;
    border: 1px solid rgba(255,255,255,0.25);
    color: #f5f6ff;
    border-radius: 10px;
}

/* Panel po prawej z podsumowaniem */
body.woocommerce-cart .wc-block-cart .wc-block-cart__totals {
    background: linear-gradient(135deg, #151823, #0b0d13);
    border-radius: 18px;
    border: 1px solid rgba(255,186,68,0.75);
    box-shadow:
        0 0 26px rgba(0,0,0,0.9),
        0 0 34px rgba(255,186,68,0.35);
    padding: 1.4rem 1.6rem;
}

/* Wiersz z "Szacowana łączna kwota" / łączną */
body.woocommerce-cart .wc-block-components-totals-item--grand-total {
    background: linear-gradient(135deg, #1a1f2f, #0b0d13);
    border-radius: 10px;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(255,186,68,0.8);
}

/* Tekst "Szacowana łączna kwota" */
body.woocommerce-cart .wc-block-components-totals-item--grand-total
.wc-block-components-totals-item__label {
    color: #ffdf8a;
    font-weight: 800;
}

/* Kwota po prawej */
body.woocommerce-cart .wc-block-components-totals-item--grand-total
.wc-block-components-totals-item__value {
    color: #ffba44;
    font-weight: 900;
    font-size: 1.05rem;
}

/* Przycisk "Przejdź do płatności" – taki jak "Kupuję i płacę" */
body.woocommerce-cart .wc-block-cart__submit-container
.wc-block-cart__submit-button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: linear-gradient(135deg, #ffba44, #f3a321) !important;
    color: #0e1118 !important;
    border-radius: 999px !important;
    border: none !important;
    padding: 0.9rem 2.6rem !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase;
    box-shadow:
        0 0 24px rgba(255,186,68,0.55),
        inset 0 1px 0 rgba(255,255,255,0.25) !important;
    transition: transform .18s ease,
                box-shadow .18s ease,
                filter .18s ease;
}

body.woocommerce-cart .wc-block-cart__submit-container
.wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-2px);
    box-shadow:
        0 0 36px rgba(255,186,68,0.75),
        inset 0 1px 0 rgba(255,255,255,0.35) !important;
    filter: brightness(1.05);
}
/* ============================
   MINI-KOSZYK (widget w off-canvas)
   ============================ */

/* ogólne tło i tekst – żeby pasowało do reszty */
.widget_shopping_cart .woocommerce-mini-cart,
.woocommerce-mini-cart__buttons {
    background: #0d0f16;
    color: #f5f6ff;
}

/* link produktu */
.widget_shopping_cart .woocommerce-mini-cart li a:not(.remove) {
    color: #f5f6ff;
}
.widget_shopping_cart .woocommerce-mini-cart li a:not(.remove):hover {
    color: #ffba44;
}

/* ZAMIANA "x" NA "Usuń produkt" */
.widget_shopping_cart .woocommerce-mini-cart-item a.remove {
    position: relative;
    font-size: 0;              /* ukrywa znak ×, ale zostawia link */
    line-height: 1;
    margin-right: 0.35rem;
}

/* nowy tekst */
.widget_shopping_cart .woocommerce-mini-cart-item a.remove::after {
    content: "Usuń produkt";
    font-size: 0.8rem;
    color: #ffdf8a;
    text-decoration: underline;
}

/* hover na "Usuń produkt" */
.widget_shopping_cart .woocommerce-mini-cart-item a.remove:hover::after {
    color: #ffd37a;
}
/* =========================================
   KOSZYK – główna tabela
   ========================================= */

body.woocommerce-cart .shop_table {
    background: #10131c;
    border-radius: 18px;
    border: 1px solid rgba(255,186,68,0.45);
    box-shadow: 0 0 26px rgba(0,0,0,0.8);
    overflow: hidden;
}

body.woocommerce-cart .shop_table th {
    background: transparent;
    color: #f5f6ff;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    font-weight: 600;
}

body.woocommerce-cart .shop_table td {
    border-top: none;
    color: #f5f6ff;
    background: transparent;
}

/* wiersz produktu – lekkie przyciemnienie */
body.woocommerce-cart .shop_table tbody tr {
    background: rgba(255,255,255,0.02);
}

/* nazwa produktu */
body.woocommerce-cart .shop_table .product-name a {
    color: #ffdf8a !important;
    text-decoration: none;
}
body.woocommerce-cart .shop_table .product-name a:hover {
    color: #ffd37a !important;
    text-shadow: 0 0 6px rgba(255,186,68,0.45);
}

/* ilość – input */
body.woocommerce-cart .quantity .qty {
    background: #121520;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    color: #f5f6ff;
}

/* link "Usuń" w tabeli koszyka */
body.woocommerce-cart .entry-content a.remove,
body.woocommerce-cart .entry-content a.remove:visited {
    color: #ffdf8a !important;
    text-decoration: none !important;
}
body.woocommerce-cart .entry-content a.remove:hover {
    color: #ffd37a !important;
}

/* wszystkie linki w treści koszyka – koniec z fioletem */
body.woocommerce-cart .entry-content a,
body.woocommerce-cart .entry-content a:visited {
    color: var(--kd-accent, #ffba44) !important;
}
body.woocommerce-cart .entry-content a:hover {
    color: #ffd37a !important;
}

/* =========================================
   MINI-KOSZYK (panel / pelzający koszyk)
   ========================================= */

/* tło mini-koszyka */
.widget_shopping_cart,
.woocommerce-mini-cart,
.widget_shopping_cart_content {
    background: #05070c;
    color: #f5f6ff;
}

/* nazwa produktu w mini-koszyku */
.widget_shopping_cart .mini_cart_item a,
.woocommerce-mini-cart__contents .mini_cart_item a {
    color: var(--kd-accent, #ffba44) !important;
    text-decoration: none;
}
.widget_shopping_cart .mini_cart_item a:hover,
.woocommerce-mini-cart__contents .mini_cart_item a:hover {
    color: #ffd37a !important;
}

/* linki "Zobacz koszyk", "Zamówienie" */
.widget_shopping_cart_content a,
.widget_shopping_cart_content a:visited {
    color: var(--kd-accent, #ffba44) !important;
    text-decoration: underline;
}
.widget_shopping_cart_content a:hover {
    color: #ffd37a !important;
}

/* =========================================
   MINI-KOSZYK – zamiana "x" na "Usuń produkt"
   ========================================= */

.widget_shopping_cart .mini_cart_item .remove,
.woocommerce-mini-cart .mini_cart_item .remove {
    font-size: 0;              /* chowamy znak X */
    position: relative;
    width: auto;
    height: auto;
    margin-right: 0.35rem;
}

.widget_shopping_cart .mini_cart_item .remove::after,
.woocommerce-mini-cart .mini_cart_item .remove::after {
    content: "Usuń produkt";
    font-size: 0.8rem;
    color: #ffdf8a;
    text-decoration: underline;
}

.widget_shopping_cart .mini_cart_item .remove:hover::after,
.woocommerce-mini-cart .mini_cart_item .remove:hover::after {
    color: #ffd37a;
}

/* małe kropki / bullet przed mini-koszykiem – wyłączamy na wszelki wypadek */
.widget_shopping_cart .mini_cart_item::marker {
    content: "";
}
/* =========================================
   MINI-KOSZYK – kolory linków (bez fioletu)
   ========================================= */

/* nazwa produktu w mini-koszyku */
.widget_shopping_cart_content .mini_cart_item a:not(.remove),
.woocommerce-mini-cart__contents .mini_cart_item a:not(.remove) {
    color: #ffdf8a !important;
    text-decoration: none !important;
}

.widget_shopping_cart_content .mini_cart_item a:not(.remove):hover,
.woocommerce-mini-cart__contents .mini_cart_item a:not(.remove):hover {
    color: #ffd37a !important;
    text-shadow: 0 0 6px rgba(255,186,68,0.4);
}

/* dolne linki w mini-koszyku – też złote, nie fiolet */
.widget_shopping_cart_content a,
.widget_shopping_cart_content a:visited {
    color: var(--kd-accent, #ffba44) !important;
}
.widget_shopping_cart_content a:hover {
    color: #ffd37a !important;
}

/* usunięcie białej kropki/list-style przed produktem */
.widget_shopping_cart .cart_list,
.woocommerce-mini-cart {
    list-style: none !important;
    padding-left: 0 !important;
}
.widget_shopping_cart .mini_cart_item,
.woocommerce-mini-cart .mini_cart_item {
    list-style: none !important;
}

/* =========================================
   MINI-KOSZYK – przyciski "Zobacz koszyk" / "Zamówienie"
   ========================================= */

.widget_shopping_cart .buttons a,
.widget_shopping_cart_content .buttons a,
.woocommerce-mini-cart__buttons a,
.woocommerce-mini-cart__buttons a.button {
    display: inline-block;
    background: linear-gradient(135deg, #ffba44, #f3a321) !important;
    color: #0e1118 !important;
    border-radius: 999px !important;
    padding: 0.45rem 1.3rem !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none !important;
    border: none !important;
    box-shadow:
        0 0 18px rgba(255,186,68,0.55),
        inset 0 1px 0 rgba(255,255,255,0.25);
    margin-right: 0.4rem;
    margin-top: 0.5rem;
    white-space: nowrap;
}

.widget_shopping_cart .buttons a:hover,
.widget_shopping_cart_content .buttons a:hover,
.woocommerce-mini-cart__buttons a:hover,
.woocommerce-mini-cart__buttons a.button:hover {
    filter: brightness(1.05);
    box-shadow:
        0 0 26px rgba(255,186,68,0.75),
        inset 0 1px 0 rgba(255,255,255,0.35);
    transform: translateY(-1px);
}

/* żeby nie było "przycisku"-linku w wersji tekstowej */
.widget_shopping_cart .buttons a:focus,
.woocommerce-mini-cart__buttons a:focus {
    outline: none;
}

/* Kontener przycisków – ustawiamy na flex z odstępem */
.woocommerce-mini-cart__buttons.buttons,
.widget_shopping_cart .buttons {
    display: flex;
    justify-content: flex-start;
    gap: 0.8rem;          /* odstęp między przyciskami */
}

/* Zerujemy stare marginesy z poprzednich styli */
.woocommerce-mini-cart__buttons.buttons a,
.widget_shopping_cart .buttons a {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
/* ===============================
   KOSZYK – STRONA GŁÓWNA
   =============================== */

/* Nazwa produktu w koszyku – kolor jak na stronie, bez fioletu */
body.woocommerce-cart a.wc-block-components-product-name,
body.woocommerce-cart a.wc-block-components-product-name:visited {
    color: #f5f6ff !important;
    text-decoration: none !important;
    font-weight: 600;
}

body.woocommerce-cart a.wc-block-components-product-name:hover {
    color: var(--kd-accent, #ffba44) !important;
}

/* Ukrycie opisu produktu (to Twoje "11") */
body.woocommerce-cart .wc-block-components-product-metadata__description {
    display: none !important;
}

/* Lekko przyciemniona „karta” wiersza z produktem */
body.woocommerce-cart table.wc-block-cart-items {
    border-collapse: separate;
    border-spacing: 0 10px;              /* odstęp między wierszami */
}

body.woocommerce-cart .wc-block-cart-items__row {
    background: rgba(255,255,255,0.02);
    border-radius: 14px;
    box-shadow: 0 0 18px rgba(0,0,0,0.7);
    overflow: hidden;
}

/* Tło nagłówka tabeli + biały tekst */
body.woocommerce-cart .wc-block-cart-items__header {
    background: transparent;
}

body.woocommerce-cart .wc-block-cart-items__header span {
    color: #f5f6ff;
    font-weight: 600;
}

/* Przyciski +/- ilości – delikatnie pod ciemny motyw */
body.woocommerce-cart .wc-block-components-quantity-selector__input {
    background: #0d0f16;
    border: 1px solid rgba(255,255,255,0.25);
    color: #f5f6ff;
}

body.woocommerce-cart .wc-block-components-quantity-selector__button {
    background: #151823;
    border: 1px solid rgba(255,255,255,0.25);
    color: #f5f6ff;
}

body.woocommerce-cart .wc-block-components-quantity-selector__button:disabled {
    opacity: 0.6;
}

/* Link "Usuń" w koszyku – złoty, bez fioletu */
body.woocommerce-cart .wc-block-cart-item__remove-link {
    color: #ffdf8a !important;
    text-decoration: none !important;
    font-size: 0.85rem;
}

body.woocommerce-cart .wc-block-cart-item__remove-link:hover {
    color: #ffd37a !important;
    text-shadow: 0 0 6px rgba(255,186,68,0.4);
}

/* Podsumowanie koszyka – belka z łączną kwotą */
body.woocommerce-cart .wc-block-components-totals-footer-item {
    background: linear-gradient(135deg, #1a1f2f, #0b0d13) !important;
    border-radius: 10px !important;
    padding: 0.8rem 0.9rem !important;
    border: 1px solid rgba(255,186,68,0.8) !important;
}

body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    color: #ffdf8a !important;
    font-weight: 800 !important;
}

body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: var(--kd-accent, #ffba44) !important;
    font-weight: 900 !important;
    font-size: 1.05rem !important;
}

/* Przycisk "Przejdź do płatności" – jak CTA na checkout */
body.woocommerce-cart .wc-block-cart__submit-button.contained {
    background: linear-gradient(135deg, #ffba44, #f3a321) !important;
    color: #0e1118 !important;
    border-radius: 999px !important;
    border: none !important;
    padding: 0.9rem 2.6rem !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase;
    box-shadow:
        0 0 24px rgba(255,186,68,0.55),
        inset 0 1px 0 rgba(255,255,255,0.25) !important;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}

body.woocommerce-cart .wc-block-cart__submit-button.contained:hover {
    transform: translateY(-2px);
    box-shadow:
        0 0 36px rgba(255,186,68,0.75),
        inset 0 1px 0 rgba(255,255,255,0.35) !important;
    filter: brightness(1.05);
}

/* ===============================
   MINI-KOSZYK (pływający)
   =============================== */

/* Nazwa produktu w mini-koszyku – bez fioletu */
.wc-block-mini-cart__drawer a.wc-block-components-product-name,
.wc-block-mini-cart__drawer a.wc-block-components-product-name:visited {
    color: #f5f6ff !important;
    text-decoration: none !important;
    font-weight: 600;
}

.wc-block-mini-cart__drawer a.wc-block-components-product-name:hover {
    color: var(--kd-accent, #ffba44) !important;
}

/* Opis w mini-koszyku też chowamy (gdyby się pojawił) */
.wc-block-mini-cart__drawer .wc-block-components-product-metadata__description {
    display: none !important;
}
/* =========================================
   MINI-KOSZYK (wc-block-mini-cart) – kompaktowy layout
   ========================================= */

/* Cały wiersz produktu – zostawiamy miejsce na miniaturę po prawej */
.wc-block-mini-cart__drawer .wc-block-mini-cart__items .wc-block-mini-cart__item {
    position: relative;
    padding: 0.75rem 5.2rem 0.75rem 0.85rem; /* prawa strona = miejsce na obrazek */
    background: rgba(255,255,255,0.02);
    border-radius: 14px;
    border: 1px solid rgba(255,186,68,0.45);
    box-shadow: 0 0 16px rgba(0,0,0,0.7);
    margin-bottom: 0.7rem;
}

/* Miniaturka po prawej, mała */
.wc-block-mini-cart__drawer .wc-block-mini-cart__item .wc-block-mini-cart__image {
    position: absolute;
    right: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__item .wc-block-mini-cart__image img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid rgba(255,186,68,0.5);
}

/* Górna linia: "Usuń produkt" + nazwa */
.wc-block-mini-cart__drawer .wc-block-mini-cart__item-header {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Nazwa produktu */
.wc-block-mini-cart__drawer a.wc-block-components-product-name {
    color: #ffdf8a !important;
    font-weight: 600;
    text-decoration: none !important;
    font-size: 0.95rem;
}

.wc-block-mini-cart__drawer a.wc-block-components-product-name:hover {
    color: #ffd37a !important;
}

/* "Usuń produkt" – zamiast malutkiego X */
.wc-block-mini-cart__drawer .wc-block-mini-cart__remove-item {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #ffdf8a;
    cursor: pointer;
    align-self: flex-start;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__remove-item:hover {
    color: #ffd37a;
    text-shadow: 0 0 6px rgba(255,186,68,0.4);
}

/* Dolna linia – ilość + cena */
.wc-block-mini-cart__drawer .wc-block-mini-cart__item-data {
    margin-top: 0.35rem;
    font-size: 0.85rem;
    color: #d7d9e3;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__item-data .wc-block-components-product-price__value {
    color: #ffba44;
    font-weight: 700;
}

/* Na wszelki wypadek – trochę odstępu między elementami listy */
.wc-block-mini-cart__drawer .wc-block-mini-cart__items {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
/* =========================================
   MINI-KOSZYK – CLASSIC (woocommerce-mini-cart)
   ========================================= */

.woocommerce-mini-cart-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    margin-bottom: 10px;
    background: rgba(255,255,255,0.03);
    border-radius: 14px;
    border: 1px solid rgba(255,186,68,0.45);
    box-shadow: 0 0 18px rgba(0,0,0,0.65);
    position: relative;
}

/* MINIATURKA */
.woocommerce-mini-cart-item > a img {
    width: 64px !important;
    height: 64px !important;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid rgba(255,186,68,0.5);
    flex-shrink: 0;
}

/* LINK PRODUKTU + TEKST */
.woocommerce-mini-cart-item > a:not(.remove) {
    color: #ffdf8a !important;
    font-weight: 600;
    text-decoration: none !important;
    font-size: 0.95rem;
    line-height: 1.3;
}

.woocommerce-mini-cart-item > a:not(.remove):hover {
    color: #ffd37a !important;
}

/* CENA + ILOŚĆ */
.woocommerce-mini-cart-item .quantity {
    display: block;
    margin-top: 4px;
    font-size: 0.85rem;
    color: #d7d9e3;
}

.woocommerce-mini-cart-item .amount {
    color: #ffba44;
    font-weight: 700;
}

/* USUŃ PRODUKT – zamiast X */
.woocommerce-mini-cart-item > a.remove {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffdf8a !important;
    background: none !important;
    border: none !important;
    text-decoration: none !important;
}

.woocommerce-mini-cart-item > a.remove::before {
    content: "Usuń produkt";
}

.woocommerce-mini-cart-item > a.remove:hover {
    color: #ffd37a !important;
    text-shadow: 0 0 6px rgba(255,186,68,0.45);
}

/* ZABIJA KLASYCZNE × */
.woocommerce-mini-cart-item > a.remove {
    font-size: 0;
}
/* ===============================
   MINI-KOSZYK – układ: tekst lewo, obrazek prawo
   =============================== */

/* cała kartka produktu w mini-koszyku */
.woocommerce-mini-cart-item.mini_cart_item {
    position: relative;
    display: block;                    /* nadpisuje stare flex */
    padding: 20px 96px 14px 16px;      /* miejsce na obrazek z prawej */
    margin-bottom: 10px;
}

/* "Usuń produkt" – góra lewa */
.woocommerce-mini-cart-item.mini_cart_item > a.remove {
    position: absolute;
    top: 10px;
    left: 16px;
    font-size: 0;                      /* chowamy znak × */
    color: #ffdf8a !important;
    text-decoration: none !important;
    background: none !important;
    border: none !important;
}

.woocommerce-mini-cart-item.mini_cart_item > a.remove::before {
    content: "Usuń produkt";
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.woocommerce-mini-cart-item.mini_cart_item > a.remove:hover::before {
    color: #ffd37a !important;
    text-shadow: 0 0 6px rgba(255,186,68,0.45);
}

/* link z nazwą produktu (tekst po lewej) */
.woocommerce-mini-cart-item.mini_cart_item > a:not(.remove) {
    display: block;
    padding-right: 96px;               /* żeby tekst nie wpadł pod miniaturkę */
    margin-top: 18px;                  /* odstęp pod "Usuń produkt" */
    color: #ffdf8a !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 0.95rem;
}

.woocommerce-mini-cart-item.mini_cart_item > a:not(.remove):hover {
    color: #ffd37a !important;
}

/* miniaturka po PRAWEJ, wycentrowana w pionie */
.woocommerce-mini-cart-item.mini_cart_item > a:not(.remove) img {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    width: 64px !important;
    height: 64px !important;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid rgba(255,186,68,0.6);
    box-shadow: 0 0 12px rgba(0,0,0,0.7);
}

/* ilość i cena – pod nazwą, po lewej */
.woocommerce-mini-cart-item.mini_cart_item .quantity {
    display: block;
    margin-top: 4px;
    font-size: 0.85rem;
    color: #d7d9e3;
}

.woocommerce-mini-cart-item.mini_cart_item .quantity .amount {
    color: #ffba44;
    font-weight: 700;
}
/* FIX: podwójne "Usuń produkt" w mini-koszyku */
.woocommerce-mini-cart-item.mini_cart_item > a.remove::before {
    content: "" !important;   /* wyłączamy mój wcześniejszy ::before */
}

/* doprecyzowujemy jeden, właściwy napis */
.woocommerce-mini-cart-item.mini_cart_item > a.remove::after {
    content: "Usuń produkt";
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffdf8a;
}

.woocommerce-mini-cart-item.mini_cart_item > a.remove:hover::after {
    color: #ffd37a;
    text-shadow: 0 0 6px rgba(255,186,68,0.45);
}
/* KOSZYK – neonowa karta dla wiersza produktu */
body.woocommerce-cart .wc-block-cart-items__row {
    position: relative;
    background: radial-gradient(circle at 0 0,
        rgba(255,186,68,0.10),
        rgba(8,10,16,0.96)
    ) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,186,68,0.65) !important;
    box-shadow:
        0 0 26px rgba(0,0,0,0.9),
        0 0 32px rgba(255,186,68,0.30) !important;
    overflow: hidden;
}
/* KOSZYK – nagłówki "Produkt" / "Łącznie" */
body.woocommerce-cart .wc-block-cart-items__header {
    background: transparent !important;
}

body.woocommerce-cart .wc-block-cart-items__header th {
    background: #05070c;
    border-radius: 16px;
    padding: 0.35rem 0.9rem;
    border: 1px solid rgba(255,186,68,0.65);
    box-shadow: 0 0 18px rgba(255,186,68,0.35);
    white-space: nowrap;
}

body.woocommerce-cart .wc-block-cart-items__header span {
    color: #ffdf8a;
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
body.woocommerce-cart .wc-block-cart-items__row {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

body.woocommerce-cart .wc-block-cart-items__row:hover {
    transform: translateY(-2px);
    box-shadow:
        0 0 36px rgba(255,186,68,0.45),
        0 0 60px rgba(0,0,0,0.9);
}.wc-block-cart-item__remove-link {
    color: rgba(255,186,68,0.55);
    font-size: 0.75rem;
    letter-spacing: 0.06em;
}

.wc-block-cart-item__remove-link:hover {
    color: #ffba44;
}.wc-block-cart-item__total {
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: 0.04em;
}
/* Nazwa produktu – Nowe w sklepie */
.wc-block-grid__product-title,
.wc-block-grid__product-title a,
.wc-block-grid__product-link {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.wc-block-grid__product-title a:hover {
    color: #ffba44 !important;
    text-shadow: 0 0 10px rgba(255,186,68,0.5);
}
/* Karta produktu – Nowe w sklepie */
.wc-block-grid__product {
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(255,186,68,0.55);
    border-radius: 16px;
    padding: 18px 16px 22px;
    box-shadow:
        0 0 25px rgba(0,0,0,0.9),
        0 0 40px rgba(255,186,68,0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wc-block-grid__product:hover {
    transform: translateY(-4px);
    box-shadow:
        0 0 35px rgba(255,186,68,0.55),
        0 0 80px rgba(0,0,0,0.95);
}
.wc-block-grid__product-image img {
    border-radius: 12px;
    background: rgba(15,15,15,1);
    padding: 10px;
}
.wc-block-grid__product-add-to-cart button {
    background: linear-gradient(135deg, #ffba44, #ff9f1a);
    border: none;
    border-radius: 999px;
    color: #000;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 10px 18px;
    text-transform: uppercase;
    box-shadow: 0 0 25px rgba(255,186,68,0.6);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wc-block-grid__product-add-to-cart button:hover {
    transform: scale(1.06);
    box-shadow: 0 0 40px rgba(255,186,68,0.9);
}
/* NOWE W SKLEPIE – Dodaj do koszyka */
.wc-block-grid__product-add-to-cart .wp-block-button__link,
.wc-block-grid__product-add-to-cart button {
    background: linear-gradient(135deg, #ffba44, #ff9f1a) !important;
    color: #000 !important;
    border: none !important;
    border-radius: 999px;
    padding: 12px 22px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 0 25px rgba(255,186,68,0.6);
    transition: all 0.25s ease;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart button:hover {
    transform: scale(1.07);
    box-shadow: 0 0 45px rgba(255,186,68,0.95);
}
/* Kostka przy koszyku */
.cart-dice {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: 2px solid #f3a321;
    background: radial-gradient(circle at 30% 20%, #f8d68a 0, #f3a321 35%, #c66c12 100%);
    box-shadow:
        0 0 6px rgba(243,163,33,0.6),
        inset 0 0 6px rgba(0,0,0,0.6);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.45rem;
    position: relative;
    overflow: hidden;
    font-size: 0.8rem;
    font-weight: 700;
    color: #111319;
    font-family: "Cinzel", "Times New Roman", serif;
}

.cart-dice::before {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 4px;
    border: 1px solid rgba(255, 206, 98, 0.45);
    pointer-events: none;
}

.cart-dice-value {
    position: relative;
    z-index: 2;
}

/* animacja bump przy zmianie */
.cart-dice.bump {
    animation: cart-dice-bump 0.4s ease-out;
}

@keyframes cart-dice-bump {
    0%   { transform: translateY(0) scale(1); }
    30%  { transform: translateY(-2px) scale(1.08); }
    100% { transform: translateY(0) scale(1); }
}

/* jeśli chcesz, możesz schować stare kółeczko z liczbą:
.cart-toggle-count {
    display: none;
}
*/
/* Ukryj stare kółko z liczbą w koszyku */
.cart-toggle-count {
    display: none !important;
}
.cart-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;   /* było większe – możesz zmieniać 0.3–0.5 */
}
.cart-dice {
    width: 26px;
    height: 26px;
    border-radius: 7px;
}

.cart-dice-inner {
    inset: 3px;         /* trochę ciaśniejsza ramka */
}

.cart-dice-value {
    font-size: 0.9rem;  /* żeby cyfra nie krzyczała bardziej niż napis KOSZYK */
}
/* =========================
   TRUST / PŁATNOŚCI / DOSTAWA
   ========================= */

.kd-trust-section {
    margin: 80px 0;
    padding: 0 20px;
}

.kd-trust-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.kd-trust-title {
    text-align: center;
    font-size: clamp(26px, 4vw, 36px);
    margin-bottom: 10px;
}

.kd-trust-subtitle {
    text-align: center;
    color: rgba(255,255,255,0.75);
    margin-bottom: 40px;
}

.kd-trust-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

.kd-trust-box {
    background: rgba(255,255,255,0.02);
    border-radius: 14px;
    padding: 24px;
    border: 1px solid rgba(255,255,255,0.08);
    position: relative;
}

.kd-trust-box::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    border: 1px solid rgba(255, 215, 120, 0.35);
    pointer-events: none;
}

.kd-trust-box-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.kd-trust-list {
    list-style: none;
    padding: 0;
    margin: 16px 0;
}

.kd-trust-list li {
    padding: 6px 0;
    color: rgba(255,255,255,0.9);
}

.kd-trust-note {
    margin-top: 12px;
    font-size: 14px;
    color: rgba(255,255,255,0.6);
}
/* ========================
   Mini opinie (testimonialki)
   ======================== */

.section-eyebrow {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: var(--accent-soft);
    margin-bottom: 0.35rem;
}

.section-testimonials {
    margin-top: 3.5rem;
}

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.2rem;
    margin-top: 1.5rem;
}

.testimonial-card {
    background: rgba(8,10,16,0.96);
    border-radius: 18px;
    border: 1px solid var(--border-soft);
    padding: 1.2rem 1.4rem;
    box-shadow: var(--shadow-soft);
}

.testimonial-text {
    margin: 0 0 0.7rem;
    color: rgba(245,245,245,0.9);
}

.testimonial-meta {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted);
}

/* ========================
   Dlaczego warto u nas kupić
   ======================== */

.section-why-us {
    margin-top: 4rem;
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1.2rem;
    margin-top: 1.5rem;
}

.why-item {
    background: rgba(8,10,16,0.96);
    border-radius: 18px;
    border: 1px solid var(--border-soft);
    padding: 1.4rem 1.5rem;
    box-shadow: var(--shadow-soft);
}

.why-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: rgba(255,186,68,0.15);
    margin-bottom: 0.6rem;
    font-size: 1.1rem;
}

.why-item strong {
    display: block;
    margin-bottom: 0.35rem;
}

.why-item p {
    margin: 0;
    font-size: 0.9rem;
    color: var(--text-muted);
}

/* ========================
   Płatności + dostawa
   ======================== */

.section-payments-shipping {
    margin-top: 4rem;
}

.ps-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.ps-box {
    background: rgba(8,10,16,0.96);
    border-radius: 20px;
    border: 1px solid rgba(255,186,68,0.35);
    padding: 1.6rem 1.8rem;
    box-shadow:
        0 0 24px rgba(0,0,0,0.75),
        0 0 26px rgba(255,186,68,0.22);
}

.ps-box h3 {
    margin-top: 0;
    margin-bottom: 0.9rem;
    font-size: 1.05rem;
}

.ps-list {
    list-style: disc;
    padding-left: 1.3rem;
    margin: 0 0 0.9rem;
    font-size: 0.95rem;
}

.ps-list li + li {
    margin-top: 0.25rem;
}

.ps-note {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin: 0;
}

/* RWD dla mniejszych ekranów */
@media (max-width: 768px) {
    .ps-grid {
        grid-template-columns: 1fr;
    }
}
.section-products-popular {
    margin-top: 4rem;
}

.section-products-grid {
    margin-top: 1.5rem;
}

/* żeby karty produktów „oddychały” od góry/dół */
.section-products-popular .woocommerce ul.products li.product {
    margin-bottom: 2.2rem;
}

/* =========================================
   DESKTOP
   ========================================= */

@media (min-width: 769px) {
    /* hamburger tylko na mobile, więc na desktopie chowamy */
    .header-menu-toggle {
        display: none;
    }

    /* wrapper nawigacji przy logo */
    .header-main-nav-wrapper {
        display: flex;
        align-items: center;
        margin-left: auto;
    }

    .main-nav ul {
        display: flex;
        align-items: center;
        gap: 24px;
        margin: 0;
        padding: 0;
        list-style: none;
    }
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {

    /* --- HAMBURGER --- */
    .header-menu-toggle {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        margin-left: auto;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    .header-menu-toggle-bar {
        width: 24px;
        height: 2px;
        background: #ffffff;
        border-radius: 999px;
        margin: 3px 0;
    }

    /* --- PANEL MENU (wysuwane) --- */
    .header-main-nav-wrapper {
        position: fixed;
        inset: 72px 0 0 0;           /* od góry trochę miejsca na topbar */
        background: #05070c;
        padding: 24px 16px 32px;
        transform: translateY(-120%);
        transition: transform 0.25s ease;
        z-index: 900;
    }

    .header-main-nav-wrapper.is-open {
        transform: translateY(0);
    }

    .main-nav {
        margin: 0;
    }

    .main-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    /* --- POZYCJE MENU TEKSTOWE (SKLEP / ZAMÓWIENIE / BLOG / KONTAKT) --- */

    /* cała kolumna pozycji trochę niżej */
    .main-nav ul {
        margin-top: 16px;
    }

    /* pierwsza tekstowa pozycja ("Sklep") jeszcze trochę niżej,
       żeby nic nie nachodziło na hamburger/kostki */
    .main-nav ul > li.nav-has-dropdown {
        margin-top: 16px;
    }

    .main-nav a {
        color: #ffffff;
        text-decoration: none;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    /* --- SZUKAJKA POD MENU --- */
    .header-search {
        margin-top: 32px;
    }
}

/* ----------------------------------
   2. Przycisk w wysuwanym koszyku
   ---------------------------------- */

.cart-panel-footer {
    padding: 1.5rem 1.75rem 2rem;
}

.cart-panel-footer .button {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    border-radius: 999px;

    /* styl jak główne przyciski w motywie */
    background: radial-gradient(circle at 30% 0, #ffd769 0, #ffb733 40%, #f89a1b 80%);
    border: 1px solid #f6b84c;
    color: #05070f;
    padding: 0.85rem 1.2rem;
    box-shadow: 0 0 24px rgba(248, 153, 32, 0.55);
}

.cart-panel-footer .button:hover {
    filter: brightness(1.05);
}

/* ----------------------------------
   3. Pasek ZAREJESTRUJ / ZALOGUJ – tło
   ---------------------------------- */

.topbar {
    position: relative;
    z-index: 30;
    background: #05070f; /* pełne ciemne tło, nie prześwituje hero */
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.topbar-inner {
    max-width: 1200px;
    margin: 0 auto;
}

/* upewniamy się, że header siedzi pod topbarem */
.site-header {
    position: relative;
    z-index: 20;
    margin-top: 0;
}

/* ==========================================
   2. MENU MOBILNE NIE NACHODZI NA LOGO/HEADER
   ========================================== */
@media (max-width: 768px) {

  /* cały panel rozwijanego menu */
  .header-main-nav-wrapper[data-nav] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    /* zaczynamy panel POD topbarem i headerem */
    top: 120px;                    /* w razie czego możesz zmienić np. na 110 / 130 */
    z-index: 40;                   /* niżej niż header */
  }

  /* upewniamy się, że header siedzi nad tłem hero */
  .site-header {
    position: relative;
    z-index: 50;
  }
}
/* --- MOBILE MENU OVERLAY – POPRAWKA STANU ZAMKNIĘTEGO --- */
@media (max-width: 768px) {
    .header-main-nav-wrapper {
        position: fixed;
        inset: 0; /* top:0; right:0; bottom:0; left:0 */
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 120px; /* odstęp od topbara + loga */
        background: rgba(5, 9, 19, 0.96);
        z-index: 900;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease;
    }

    /* menu otwarte – włączamy overlay */
    .header-main-nav-wrapper.is-open {
        opacity: 1;
        pointer-events: auto;
    }

    /* żeby nic z tyłu nie przebijało */
    .header-main-nav-wrapper .header-search {
        margin-top: 40px;
    }
}
.kd-back-to-top {
    position: fixed;
    right: 1.6rem;
    bottom: 1.6rem;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid #f8b73a;
    background: radial-gradient(circle at 30% 20%, #ffd978, #f8b73a 60%, #c47b11 100%);
    box-shadow: 0 0 18px rgba(248, 183, 58, 0.8);
    color: #050913;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 950;
}

.kd-back-to-top.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.kd-back-to-top:not(.is-visible) {
    transform: translateY(8px);
}

@media (min-width: 1024px) {
    .kd-back-to-top {
        right: 2.4rem;
        bottom: 2.4rem;
    }
}


/* ========== WYNIKI WYSZUKIWANIA – KOTYIDRAGONY.PL ========== */

/* Karta posta / produktu */
.site-main .post-card {
    background: #0e1117;              /* ciemne tło jak reszta */
    border: 1px solid rgba(255,255,255,0.06);
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 14px;
}

/* Tytuł */
.site-main .post-card h2 {
    margin: 0 0 10px;
    font-size: 1.6rem;
}

.site-main .post-card h2 a {
    color: #fbb234 !important;       /* pomarańczowy */
    text-decoration: none;
    font-weight: 600;
}

.site-main .post-card h2 a:hover {
    color: #ffffff !important;       /* biały po hover */
}

/* Data i meta */
.site-main .post-card .post-meta {
    color: #8899a6;
    font-size: 0.9rem;
    margin-bottom: 10px;
}

/* Opis / zajawka */
.site-main .post-card p {
    color: #e2e8f0;
    margin: 0;
    font-size: 1rem;
}

/* Linki w opisie */
.site-main .post-card p a {
    color: #fbb234;
    text-decoration: none;
}

.site-main .post-card p a:hover {
    color: #ffffff;
}

/* Odstęp między sekcjami */
.site-main .section {
    margin-bottom: 40px;
}
.h1-desktop {
    display: inline;
}

.h1-mobile {
    display: none;
}

@media (max-width: 768px) {
    .hero-title {
        text-align: center;
    }

    .h1-desktop {
        display: none;
    }

    .h1-mobile {
        display: inline;
    }
}
/* domyślnie: pokazuj wersję desktopową */
.hero-subtitle-desktop,
.section-subtitle-desktop {
    display: inline;
}
.hero-subtitle-mobile,
.section-subtitle-mobile {
    display: none;
}

@media (max-width: 768px) {
    /* krótsze teksty na mobile */
    .hero-subtitle-desktop,
    .section-subtitle-desktop {
        display: none;
    }
    .hero-subtitle-mobile,
    .section-subtitle-mobile {
        display: inline;
    }

    .hero-subtitle,
    .section-subtitle {
        font-size: 0.95rem;
        line-height: 1.4;
    }

    /* przyciski w kolumnie, pełna szerokość */
    .hero-actions.button-row {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .hero-actions .kd-btn-primary,
    .hero-actions .kd-btn-ghost {
        width: 100%;
        text-align: center;
    }

    /* siatki w jedną kolumnę */
    .section-products-grid,
    .why-grid,
    .testimonials-grid,
    .ps-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}
@media (max-width: 768px) {
    .hero {
        text-align: center;
    }

    .hero-content {
        align-items: center;        /* jeśli .hero-content jest flexem */
    }

    .hero-badge {
        display: flex;              /* robi z badge'a flex-kontener */
        justify-content: center;    /* środek w poziomie */
        align-items: center;
        width: 100%;                /* żeby mógł się centrować w obrębie całej szerokości */
        margin: 0 auto 0.75rem;     /* auto = wyśrodkowanie kontenera */
    }
}
@media (min-width: 1024px) {
    .section-eyebrow,
    .hero-badge,
    .section-header .section-eyebrow {
        font-size: 1.2rem;          /* było prawdopodobnie ~0.7 */
        letter-spacing: 0.12em;     /* mocniejsze, premium */
        margin-bottom: 0.75rem;
    }
}
@media (max-width: 768px) {
    /* Nagłówki sekcji */
    .section-header {
        text-align: center;
    }

    .section-eyebrow {
        display: block;
        margin-bottom: 0.25rem;
    }

    .section-title {
        margin-left: auto;
        margin-right: auto;
    }

    .section-subtitle {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1024px) {
    .section-categories .section-title {
        font-size: 1.7rem;
        line-height: 1.25;
    }

    .section-categories .section-subtitle {
        font-size: 1rem;
    }
}
@media (min-width: 1024px) {
    /* główne hasło sekcji */
    .section-products-popular .section-eyebrow {
        font-size: 1.4rem;
        letter-spacing: 0.08em;
        font-weight: 700;
        opacity: 1;
    }

    /* dopisek brandowy */
    .section-products-popular .section-title {
        font-size: 1rem;
        font-weight: 500;
        opacity: 0.7;
        margin-top: 0.25rem;
    }
}
@media (min-width: 1024px) {

    /* WIĘKSZE: pomarańczowe "Kategorie w sklepie", "Najczęściej wybierane", itd. */
    .section-categories .section-eyebrow,
    .section-products-popular .section-eyebrow,
    .section-why-us .section-eyebrow,
    .section-testimonials .section-eyebrow,
    .section-payments-shipping .section-eyebrow {
        font-size: 1.3rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        font-weight: 700;
        opacity: 0.9;
        margin-bottom: 0.25rem;
    }

    /* MNIEJSZE: białe "Najważniejsze działy...", "Popularne w kotyidragony.pl", itd. */
    .section-categories .section-title,
    .section-products-popular .section-title,
    .section-why-us .section-title,
    .section-testimonials .section-title,
    .section-payments-shipping .section-title {
        font-size: 1rem;
        font-weight: 500;
        opacity: 0.75;
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

    /* podtytuły pod spodem – trochę spokojniejsze */
    .section-categories .section-subtitle,
    .section-products-popular .section-subtitle,
    .section-why-us .section-subtitle,
    .section-testimonials .section-subtitle,
    .section-payments-shipping .section-subtitle {
        font-size: 0.95rem;
        max-width: 720px;
    }
}
@media (max-width: 768px) {
    .site-footer {
        text-align: center;
    }

    .footer-columns {
        align-items: center;   /* jeśli columns są flexem */
    }

    .footer-columns > div {
        margin-left: auto;
        margin-right: auto;
    }

    .footer-title {
        margin-bottom: 0.5rem;
    }
}
@media (max-width: 768px) {
    .footer-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.4rem;
        text-align: center;
    }

    .footer-bottom span {
        display: block;
    }
}
@media (min-width: 1024px) {
    /* Sklep, Zamówienie, Blog, Kontakt – bez kostek */
    .main-nav > ul > li:not(.nav-home-dice-wrapper) > a {
        font-size: 1.2rem;          /* podnieś w razie potrzeby np. do 1.05rem */
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        padding: 0.5rem 0.9rem;   /* trochę większy hit-area */
    }
}
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;

    color: #ffffff;                 /* biały tekst */
    background: transparent;        /* BRAK wypełnienia */
    border: 1.5px solid #f5a623;    /* złoto/pomarańcz jak ikonka */
    border-radius: 999px;

    padding: 0.4rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.hero-badge {
    box-shadow: 
        0 0 0 1px rgba(245,166,35,0.35),
        0 0 12px rgba(245,166,35,0.15);
}

/* PRIMARY CTA – spokojne złoto (hero, globalnie) */
.kd-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: 0.75rem 1.6rem;

    border-radius: 999px;
    border: 1px solid #f5a623;

    background: #f5a623;
    color: #151821;

    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;

    cursor: pointer;

    box-shadow:
        0 2px 6px rgba(245,166,35,0.25),
        0 0 0 1px rgba(245,166,35,0.5);

    transition:
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease;
}

/* Hover / focus */
.kd-btn-primary:hover,
.kd-btn-primary:focus-visible {
    background: #e29618;

    box-shadow:
        0 3px 8px rgba(245,166,35,0.35),
        0 0 0 1px rgba(245,166,35,0.65);

    transform: translateY(-1px);
}

/* Active (klik) */
.kd-btn-primary:active {
    transform: translateY(0);
    box-shadow:
        0 1px 4px rgba(245,166,35,0.3),
        0 0 0 1px rgba(245,166,35,0.6);
}

/* Disabled */
.kd-btn-primary:disabled,
.kd-btn-primary[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

/* Button w formularzach */
form .kd-btn-primary {
    appearance: none;
}
/* ============================================================
   KOTYIDRAGONY – MASTER CSS DLA CHECKOUTU
   Ciemny motyw + złote akcenty
   ============================================================ */

/* ---------- 1. GŁÓWNY WRAPPER CHECKOUTU ---------- */

body.woocommerce-checkout form.checkout {
    background: #0d0f16;
    padding: 2.2rem;
    border-radius: 18px;
    box-shadow: 0 0 30px rgba(0,0,0,0.55);
    margin-bottom: 3rem;
}

/* Nagłówki sekcji (dane, wysyłka, płatność) */
body.woocommerce-checkout h3,
body.woocommerce-checkout h3 label {
    color: #f5f6ff !important;
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
    font-weight: 700;
}

/* Podstawowy tekst / opisy */
body.woocommerce-checkout p {
    color: #afb4c4;
}

/* Linki w treści checkoutu */
body.woocommerce-checkout .entry-content a,
body.woocommerce-checkout form.checkout a {
    color: #ffba44 !important;
    text-decoration: underline;
}
body.woocommerce-checkout .entry-content a:hover,
body.woocommerce-checkout form.checkout a:hover {
    color: #ffd37a !important;
}

/* Tekst zgód / polityki */
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    font-size: 0.8rem;
    color: #9da2b4;
}

/* Specjalne linki: polityka, regulamin */
body.woocommerce-checkout a[href*="polityka-prywatnosci"],
body.woocommerce-checkout a[href*="polityka-prywatności"],
body.woocommerce-checkout a[href*="warunki-i-zasady"],
body.woocommerce-checkout a[href*="regulamin"],
body.woocommerce-checkout a[href*="terms-and-conditions"] {
    color: #ffdf8a !important;
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(255,186,68,0.55);
    padding-bottom: 1px;
    font-weight: 500;
}
body.woocommerce-checkout a[href*="polityka-prywatnosci"]:hover,
body.woocommerce-checkout a[href*="polityka-prywatności"]:hover,
body.woocommerce-checkout a[href*="warunki-i-zasady"]:hover,
body.woocommerce-checkout a[href*="regulamin"]:hover,
body.woocommerce-checkout a[href*="terms-and-conditions"]:hover {
    color: #ffd37a !important;
    border-bottom-color: rgba(255,211,122,0.9);
    text-shadow: 0 0 6px rgba(255,186,68,0.35);
}

/* ---------- 2. POLA FORMULARZA ---------- */

body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="number"] {
    background: #121520 !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    padding: 0.65rem 0.9rem !important;
    color: #f5f6ff !important;
    border-radius: 10px !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
body.woocommerce-checkout input.input-text::placeholder,
body.woocommerce-checkout textarea::placeholder {
    color: #8c92a3;
}

/* Fokus pól */
body.woocommerce-checkout input.input-text:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout input[type="text"]:focus,
body.woocommerce-checkout input[type="email"]:focus,
body.woocommerce-checkout input[type="tel"]:focus,
body.woocommerce-checkout input[type="number"]:focus {
    border-color: #ffba44 !important;
    box-shadow: 0 0 10px rgba(255,186,68,0.4) !important;
    background: #0d0f16 !important;
    color: #ffffff !important;
    outline: none !important;
}

/* Etykiety */
body.woocommerce-checkout form .form-row label {
    color: #d7d9e3;
    font-size: 0.9rem;
    margin-bottom: 0.2rem;
}

/* Checkboxy */
body.woocommerce-checkout .woocommerce-form__label-for-checkbox span {
    color: #d1d1d1;
}
body.woocommerce-checkout form .form-row .woocommerce-form__input-checkbox {
    accent-color: #ffba44;
}

/* Email – lekko wyróżniony */
body.woocommerce-checkout input[type="email"] {
    border: 1px solid rgba(255,186,68,0.75) !important;
    background: #0f121a !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(255,186,68,0.18) !important;
}
body.woocommerce-checkout input[type="email"]:focus {
    border-color: rgba(255,186,68,1) !important;
    box-shadow: 0 0 16px rgba(255,186,68,0.35) !important;
}

/* ---------- 3. "MASZ KUPON?" – BOX + FORMULARZ ---------- */

/* komunikat "Masz kupon?" */
body.woocommerce-checkout .woocommerce-info {
    background: linear-gradient(135deg, #151823, #0b0d13);
    border: 1px dashed rgba(255,186,68,0.65);
    border-radius: 14px;
    padding: 0.9rem 1.1rem;
    margin-bottom: 1.5rem;
    color: #e5e7eb;
    font-size: 0.9rem;
    box-shadow:
        0 0 18px rgba(0,0,0,0.55),
        0 0 20px rgba(255,186,68,0.18);
}
body.woocommerce-checkout .woocommerce-info::before {
    display: none;
}

/* link "Kliknij tutaj..." */
body.woocommerce-checkout .woocommerce-info .showcoupon {
    color: #ffdf8a !important;
    font-weight: 600;
    margin-left: 0.3rem;
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(255,186,68,0.7);
    padding-bottom: 1px;
    transition: color .15s ease, border-color .15s ease, text-shadow .15s ease;
}
body.woocommerce-checkout .woocommerce-info .showcoupon:hover {
    color: #ffd37a !important;
    border-bottom-color: rgba(255,211,122,1);
    text-shadow: 0 0 6px rgba(255,186,68,0.35);
}

/* formularz kuponu po rozwinięciu */
body.woocommerce-checkout form.checkout_coupon {
    background: #0d0f16;
    border: 1px solid rgba(255,186,68,0.45);
    padding: 1.2rem;
    border-radius: 14px;
    margin-bottom: 1.5rem;
}
body.woocommerce-checkout form.checkout_coupon .button {
    background: #ffba44;
    color: #0f1118;
    border-radius: 10px;
    border: none;
}

/* ---------- 4. TWOJE ZAMÓWIENIE + TABELA ---------- */

body.woocommerce-checkout #order_review {
    margin-top: 2rem;
}

body.woocommerce-checkout #order_review .shop_table {
    background: transparent;
    border: 0;
}

body.woocommerce-checkout #order_review th,
body.woocommerce-checkout #order_review td {
    color: #e5e7eb;
}

/* Łącznie – lekkie wyróżnienie */
body.woocommerce-checkout #order_review tfoot tr.order-total th,
body.woocommerce-checkout #order_review tfoot tr.order-total td {
    font-weight: 800;
    color: #ffdf8a;
}
body.woocommerce-checkout #order_review .shop_table th,
body.woocommerce-checkout #order_review .shop_table td {
    padding-left: 1.8rem;
    padding-right: 1.4rem;
}

/* ---------- 5. WYSYŁKA – KAFELKI POD "TWOJE ZAMÓWIENIE" ---------- */

body.woocommerce-checkout #order_review .woocommerce-shipping-totals td {
    padding-top: 0.8rem;
}

/* pojedyncza metoda jako kafelek */
body.woocommerce-checkout ul#shipping_method li {
    list-style: none;
    margin-bottom: 0.55rem;
    padding: 0.6rem 0.8rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    cursor: pointer;
}

body.woocommerce-checkout ul#shipping_method li input[type="radio"] {
    margin-top: 0.15rem;
    accent-color: #ffba44;
}

body.woocommerce-checkout ul#shipping_method li label {
    display: block;
    width: 100%;
    color: #e5e7eb;
    font-size: 0.9rem;
}

body.woocommerce-checkout ul#shipping_method li label .woocommerce-Price-amount {
    color: #ffdf8a;
    font-weight: 700;
}

body.woocommerce-checkout ul#shipping_method li:hover {
    border-color: rgba(255,186,68,0.7);
    box-shadow: 0 0 20px rgba(255,186,68,0.25);
}

body.woocommerce-checkout ul#shipping_method li:has(input[type="radio"]:checked) {
    border-color: #ffba44;
    box-shadow:
        0 0 0 1px rgba(255,186,68,0.9),
        0 0 26px rgba(255,186,68,0.35);
}

/* ---------- 6. BLOK PŁATNOŚCI (PRZELEW / CARD / BLIK) ---------- */

/* ramka całego paymentu */
body.woocommerce-checkout #payment {
    background: linear-gradient(135deg, #151823, #0b0d13);
    border-radius: 18px;
    border: 1px solid rgba(255,186,68,0.45);
    padding: 1.6rem 1.8rem;
    box-shadow:
        0 0 30px rgba(0,0,0,0.85),
        0 0 26px rgba(255,186,68,0.18);
}
/* Wiersz z wysyłką – etykieta wąska, metody szeroko po prawej */
body.woocommerce-checkout tr.woocommerce-shipping-totals.shipping th {
    width: 120px;              /* wąska kolumna "Wysyłka" */
    white-space: nowrap;
    vertical-align: top;
}

body.woocommerce-checkout tr.woocommerce-shipping-totals.shipping td {
    padding-left: 1rem;        /* odsunięcie kafelków od napisu "Wysyłka" */
}

/* lista metod bez defaultowej ramki Woo */
body.woocommerce-checkout #payment ul.payment_methods {
    border: none;
    padding: 0;
    margin: 0 0 1.2rem;
    background: transparent;
}
body.woocommerce-checkout #payment ul.payment_methods li {
    padding: 0.55rem 0.3rem;
    margin: 0;
    border: none;
}

/* Nazwy metod */
body.woocommerce-checkout #payment ul.payment_methods li > label {
    color: #f5f6ff;
    font-weight: 600;
    cursor: pointer;
}
body.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
    accent-color: #ffba44;
}

/* OPIS AKTYWNEJ METODY (bank transfer, card, BLIK) */
body.woocommerce-checkout #payment div.payment_box {
    background: #101320 !important;
    border-radius: 12px;
    border: 1px solid rgba(255,186,68,0.65) !important;
    margin: 0.55rem 0 0.4rem;
    padding: 0.9rem 1rem;
    color: #f9fafb !important;
    box-shadow:
        0 0 18px rgba(0,0,0,0.75),
        0 0 22px rgba(255,186,68,0.18);
}
body.woocommerce-checkout #payment div.payment_box p,
body.woocommerce-checkout #payment div.payment_box span,
body.woocommerce-checkout #payment div.payment_box label,
body.woocommerce-checkout #payment div.payment_box small {
    color: #f9fafb !important;
    opacity: 1 !important;
}
body.woocommerce-checkout #payment div.payment_box input,
body.woocommerce-checkout #payment div.payment_box textarea {
    color: #f9fafb !important;
}
body.woocommerce-checkout #payment div.payment_box ::placeholder {
    color: #9ca3af !important;
}

/* żeby nic nie było ucięte */
body.woocommerce-checkout #payment .wc_payment_method {
    overflow: visible !important;
}

/* loga kart po prawej – lekkie wyrównanie */
body.woocommerce-checkout #payment .payment_method_stripe img,
body.woocommerce-checkout #payment .payment_method_card img {
    max-height: 20px;
}

/* ---------- 7. PRZYCISK "KUPUJĘ I PŁACĘ" ---------- */

body.woocommerce-checkout #place_order {
    width: 100%;
    padding: 0.9rem 2.4rem;
    border-radius: 999px;
    background: linear-gradient(135deg,#ffba44,#f3a321);
    color: #0f1118;
    font-weight: 700;
    font-size: 0.95rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: none;
    box-shadow:
        0 0 24px rgba(255,186,68,0.55),
        inset 0 1px 0 rgba(255,255,255,0.25);
    transition: transform .18s ease,
                box-shadow .18s ease,
                filter .18s ease;
}
body.woocommerce-checkout #place_order:hover {
    transform: translateY(-2px);
    box-shadow:
        0 0 36px rgba(255,186,68,0.75),
        inset 0 1px 0 rgba(255,255,255,0.35);
    filter: brightness(1.05);
}
body.woocommerce-checkout #place_order:active {
    transform: translateY(0);
    box-shadow: 0 0 18px rgba(255,186,68,0.45);
}

/* ---------- 8. WYŁĄCZENIE WCPAY EXPRESS (GPay / ApplePay nad checkoutem) ---------- */

body.woocommerce-checkout .wcpay-express-checkout-wrapper,
body.woocommerce-checkout #wcpay-express-checkout-element,
body.woocommerce-checkout #wcpay-express-checkout-button-separator {
    display: none !important;
}

/* ---------- 9. RESPONSYWNOŚĆ ---------- */

@media (max-width: 768px) {
    body.woocommerce-checkout form.checkout {
        padding: 1.4rem;
        border-radius: 14px;
    }
}
/* =========================================
   CHECKOUT – LOGOWANIE (POWRACAJĄCY KLIENT)
   ========================================= */

body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
    background: linear-gradient(135deg, #151823, #0b0d13);
    border: 1px dashed rgba(255,186,68,0.45);
    border-radius: 14px;
    padding: 0.9rem 1.1rem;
    margin-bottom: 1.5rem;

    color: #cbd0e3;
    font-size: 0.9rem;

    box-shadow:
        0 0 18px rgba(0,0,0,0.5),
        0 0 20px rgba(255,186,68,0.15);
}

/* usuń ikonkę info Woo */
body.woocommerce-checkout
.woocommerce-form-login-toggle .woocommerce-info::before {
    display: none;
}

/* link "Kliknij, aby się zalogować" */
body.woocommerce-checkout
.woocommerce-form-login-toggle .showlogin {
    color: #ffdf8a !important;
    font-weight: 600;
    margin-left: 0.3rem;

    text-decoration: none !important;
    border-bottom: 1px dashed rgba(255,186,68,0.7);
    padding-bottom: 1px;

    transition: color .15s ease, border-color .15s ease, text-shadow .15s ease;
}

body.woocommerce-checkout
.woocommerce-form-login-toggle .showlogin:hover {
    color: #ffd37a !important;
    border-bottom-color: rgba(255,211,122,1);
    text-shadow: 0 0 6px rgba(255,186,68,0.35);
}
/* ============================================================
   KOTYIDRAGONY – STYL KOSZYKA (woocommerce-cart)
   ============================================================ */

/* ---------- 1. GŁÓWNY WRAPPER KOSZYKA ---------- */

body.woocommerce-cart .woocommerce {
    background: #0d0f16;
    border-radius: 18px;
    padding: 2rem 2.2rem;
    box-shadow: 0 0 30px rgba(0,0,0,0.55);
    max-width: 1100px;
    margin: 3rem auto;
}

body.woocommerce-cart .woocommerce h1,
body.woocommerce-cart .woocommerce h2,
body.woocommerce-cart .woocommerce h3 {
    color: #f5f6ff;
    margin-bottom: 1.2rem;
    font-weight: 700;
}

/* podstawowy tekst */
body.woocommerce-cart .woocommerce p {
    color: #cbd0e3;
}

/* ---------- 2. KOMUNIKATY (pusty koszyk, info, błędy) ---------- */

body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-error {
    background: linear-gradient(135deg, #151823, #0b0d13);
    border-radius: 12px;
    border: 1px solid rgba(255,186,68,0.65);
    padding: 0.9rem 1.1rem;
    color: #e5e7eb;
    font-size: 0.9rem;
    box-shadow:
        0 0 20px rgba(0,0,0,0.7),
        0 0 22px rgba(255,186,68,0.18);
    margin-bottom: 1.5rem;
}

body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-cart .woocommerce-message::before,
body.woocommerce-cart .woocommerce-error::before {
    display: none;
}

/* tekst "Twój koszyk aktualnie jest pusty." */
body.woocommerce-cart .cart-empty {
    border: none;
    padding: 0.75rem 0;
    margin: 0;
    color: #e5e7eb;
}

/* ---------- 3. PRZYCISK "WRÓĆ DO SKLEPU" ---------- */

body.woocommerce-cart .return-to-shop .button {
    background: linear-gradient(135deg,#ffba44,#f3a321);
    color: #0f1118;
    border-radius: 999px;
    padding: 0.65rem 1.6rem;
    border: none;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    box-shadow:
        0 0 20px rgba(255,186,68,0.55),
        inset 0 1px 0 rgba(255,255,255,0.25);
    transition: transform .18s ease,
                box-shadow .18s ease,
                filter .18s ease;
}

body.woocommerce-cart .return-to-shop .button:hover {
    transform: translateY(-1px);
    box-shadow:
        0 0 28px rgba(255,186,68,0.75),
        inset 0 1px 0 rgba(255,255,255,0.35);
    filter: brightness(1.05);
}

/* ---------- 4. TABELA KOSZYKA (gdy NIE jest pusty) ---------- */

body.woocommerce-cart table.shop_table {
    background: #090b12;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.06);
    overflow: hidden;
}

body.woocommerce-cart table.shop_table thead th {
    background: #11141f;
    color: #f5f6ff;
    font-weight: 600;
    padding: 0.75rem 1.2rem;
}

body.woocommerce-cart table.shop_table td {
    padding: 0.9rem 1.2rem;
    color: #e5e7eb;
    border-top: 1px solid rgba(255,255,255,0.06);
}

/* kolumna ceny ładnie wyrównana */
body.woocommerce-cart table.shop_table td.product-subtotal,
body.woocommerce-cart table.shop_table th.product-subtotal {
    text-align: right;
    width: 140px;
}

/* linki nazw produktów */
body.woocommerce-cart table.shop_table a {
    color: #ffdf8a;
}
body.woocommerce-cart table.shop_table a:hover {
    color: #ffd37a;
}

/* pole ilości – lekkie dopieszczenie */
body.woocommerce-cart .quantity .qty {
    background: #121520;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.25);
    color: #f5f6ff;
}

/* ---------- 5. PRZYCISKI W KOSZYKU (aktualizuj / do kasy) ---------- */

body.woocommerce-cart .woocommerce-cart-form .button,
body.woocommerce-cart .wc-proceed-to-checkout .button {
    background: linear-gradient(135deg,#ffba44,#f3a321);
    color: #0f1118;
    border-radius: 999px;
    padding: 0.6rem 1.8rem;
    border: none;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    box-shadow:
        0 0 20px rgba(255,186,68,0.55),
        inset 0 1px 0 rgba(255,255,255,0.25);
    transition: transform .18s ease,
                box-shadow .18s ease,
                filter .18s ease;
}

body.woocommerce-cart .woocommerce-cart-form .button:hover,
body.woocommerce-cart .wc-proceed-to-checkout .button:hover {
    transform: translateY(-1px);
    box-shadow:
        0 0 28px rgba(255,186,68,0.75),
        inset 0 1px 0 rgba(255,255,255,0.35);
    filter: brightness(1.05);
}

/* przycisk "Przejdź do kasy" – pełna szerokość w totalsach */
body.woocommerce-cart .wc-proceed-to-checkout .button.checkout-button {
    width: 100%;
    text-align: center;
}

/* ---------- 6. PODSUMOWANIE KOSZYKA (cart_totals) ---------- */

body.woocommerce-cart .cart_totals {
    background: #090b12;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.06);
    padding: 1.4rem 1.6rem;
}

body.woocommerce-cart .cart_totals h2 {
    margin-top: 0;
    margin-bottom: 1rem;
}

body.woocommerce-cart .cart_totals table {
    border: 0;
}

body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td {
    border: 0;
    padding: 0.35rem 0;
    color: #e5e7eb;
}

body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td {
    font-weight: 800;
    color: #ffdf8a;
}

/* ---------- 7. RESPONSYWNOŚĆ ---------- */

@media (max-width: 768px) {
    body.woocommerce-cart .woocommerce {
        padding: 1.5rem 1.2rem;
        margin: 2rem 0;
    }
}
/* =========================
   KOSTKI RABATOWE W MENU
   ========================= */

/* <li> w menu z trzema kostkami */
.nav-home-dice-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 1.75rem; /* odstęp od kolejnej pozycji menu */
}

/* link – klikany element (5 / 10 / 20) */
.nav-home-dice-wrapper a.kd-dice {
    display: inline-flex;
    text-decoration: none;
}

/* sama „kostka” */
.nav-dice {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 2px solid #f5a623;
    background: radial-gradient(circle at 30% 30%, #ffefc2 0, #f5a623 40%, #4b2a08 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 16px rgba(245, 166, 35, 0.7);
    font-weight: 700;
    color: #000;
    font-size: 16px;
}

/* cyfra w środku kostki */
.nav-dice span {
    display: inline-block;
}

/* Desktop – kostki odrobinę mniejsze, żeby nie dominowały menu */
@media (min-width: 1024px) {
    .nav-home-dice-wrapper .nav-dice {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        margin-top: 4px;
    }
}

/* Mobile – ładnie wycentrowane pod/obok logo */
@media (max-width: 768px) {
    .nav-home-dice-wrapper {
        justify-content: center;
        gap: 10px;
        margin: 10px 0 18px;
        margin-right: 0;
    }
}

/* =========================
   MODAL KOSTEK RABATOWYCH
   ========================= */

.kd-dice-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;              /* domyślnie ukryty */
    pointer-events: none;
    font-family: inherit;
}

/* kiedy JS doda .is-open – pokazujemy */
.kd-dice-modal.is-open {
    display: block;
    pointer-events: auto;
}

/* tło */
.kd-dice-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
}

/* okno w środku */
.kd-dice-modal__content {
    position: relative;
    max-width: 420px;
    margin: 8vh auto 0;
    padding: 1.8rem 2rem 1.6rem;
    background: radial-gradient(circle at top, #1f2937, #050611);
    border-radius: 18px;
    border: 1px solid rgba(255,186,68,0.8);
    box-shadow:
        0 0 32px rgba(0,0,0,0.9),
        0 0 36px rgba(255,186,68,0.35);
    color: #e5e7eb;
}

/* przycisk X */
.kd-dice-modal__close {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: none;
    background: transparent;
    color: #9ca3af;
    cursor: pointer;
    font-size: 1rem;
}
.kd-dice-modal__close:hover {
    color: #f9fafb;
}

/* ikonka kostki */
.kd-dice-modal__icon {
    font-size: 2.2rem;
    margin-bottom: 0.4rem;
    text-align: center;
}

/* tytuł */
.kd-dice-modal__title {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 800;
    color: #ffdf8a;
    margin-bottom: 0.4rem;
}

/* teksty */
.kd-dice-modal__text,
.kd-dice-modal__desc,
.kd-dice-modal__hint {
    font-size: 0.9rem;
    color: #d1d5db;
    text-align: center;
    margin-bottom: 0.4rem;
}

/* wrapper na kod */
.kd-dice-modal__code-wrapper {
    margin: 0.8rem 0 0.4rem;
    text-align: center;
}

.kd-dice-modal__code-label {
    display: block;
    font-size: 0.8rem;
    color: #9ca3af;
    margin-bottom: 0.25rem;
}

/* przycisk z kodem */
.kd-dice-modal__code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.2rem;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    background: linear-gradient(135deg,#ffba44,#f3a321);
    color: #111827;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow:
        0 0 18px rgba(255,186,68,0.7),
        inset 0 1px 0 rgba(255,255,255,0.25);
}
.kd-dice-modal__code:hover {
    filter: brightness(1.05);
}

/* przycisk "Przejdź do koszyka" */
.kd-dice-modal__actions {
    margin-top: 0.9rem;
    text-align: center;
}

.kd-dice-modal__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1.6rem;
    border-radius: 999px;
    text-decoration: none;
    background: transparent;
    border: 1px solid rgba(255,186,68,0.8);
    color: #f9fafb;
    font-size: 0.9rem;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.kd-dice-modal__btn:hover {
    background: rgba(255,186,68,0.12);
    box-shadow: 0 0 18px rgba(255,186,68,0.35);
}

/* mobilki */
@media (max-width: 600px) {
    .kd-dice-modal__content {
        margin: 12vh 1rem 0;
        padding: 1.5rem 1.4rem 1.3rem;
    }
}
.kd-dice-modal__desc a {
    color: #ffdf8a;
    text-decoration: underline;
}
.kd-dice-modal__copy-hint {
    margin-top: 0.35rem;
    font-size: 0.8rem;
    color: #9ca3af;
}
/* ===============================
   Pełnoekranowy podgląd zdjęcia
   =============================== */

.kd-img-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  display: none;          /* JS zmienia na flex */
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Obraz */
.kd-img-overlay img {
  max-width: 90vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  border-radius: 14px;
  box-shadow: 0 0 30px rgba(0,0,0,0.7);
}

/* ===============================
   Przycisk zamykania (X)
   =============================== */
.kd-img-overlay-close {
  position: absolute;
  top: 18px;
  right: 22px;
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 34px;
  font-weight: 700;
  cursor: pointer;
}

/* Hover – X */
.kd-img-overlay-close:hover {
  transform: scale(1.1);
}

/* ===============================
   Strzałki nawigacji
   =============================== */
.kd-img-overlay-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 36px;
  cursor: pointer;
  padding: 10px;
}

/* Pozycje desktop */
.kd-img-overlay-arrow.kd-prev {
  left: 20px;
}

.kd-img-overlay-arrow.kd-next {
  right: 20px;
}

/* Hover – desktop */
.kd-img-overlay-arrow:hover {
  transform: translateY(-50%) scale(1.1);
}

/* ===============================
   MOBILE
   =============================== */
@media (max-width: 768px) {

  .kd-img-overlay {
    flex-direction: column;
  }

  .kd-img-overlay img {
    margin-bottom: 70px; /* miejsce na strzałki */
  }

  /* Strzałki pod zdjęciem */
  .kd-img-overlay-arrow {
    top: auto;
    bottom: 20px;
    transform: none;      /* stabilna pozycja */
    font-size: 30px;
    padding: 14px 18px;
    background: rgba(0,0,0,0.6);
    border-radius: 50%;
  }

  /* Hover / tap – mobile */
  .kd-img-overlay-arrow:hover {
    transform: scale(1.1); /* BEZ translateY */
  }

  .kd-img-overlay-arrow.kd-prev {
    left: 30%;
  }

  .kd-img-overlay-arrow.kd-next {
    right: 30%;
  }

  /* X mniejszy */
  .kd-img-overlay-close {
    font-size: 30px;
  }
}
/* Opis kategorii pod kafelkami – ładniejsze ułożenie */
.kd-category-description {
  max-width: 720px;          /* węższy blok, bliżej środka */
  margin: 2rem auto 2.5rem;  /* odstęp od kafelków i produktów */
  font-size: 0.95rem;
  line-height: 1.6;
  text-align: center;        /* tekst na środku */
}

/* na start pokazujemy tylko kilka linii */
.kd-category-description .term-description {
  max-height: 4.5em;         /* ok. 3 linijki */
  overflow: hidden;
  transition: max-height 0.3s ease;
}

/* po kliknięciu "Czytaj więcej" – pełny opis */
.kd-category-description.is-open .term-description {
  max-height: 2000px;
}

/* przycisk "Czytaj więcej" */
.kd-read-more {
  margin-top: 0.5rem;
  background: none;
  border: none;
  color: #ffb300;            /* Twój żółty */
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  display: inline-block;
}

/* wyśrodkowany przycisk */
.kd-category-description .kd-read-more {
  display: block;
  margin: 0.75rem auto 0;
}

.kd-read-more:hover {
  text-decoration: underline;
}
/* Karta produktu – opis w zakładkach na środku i węższy blok */
.single-product .woocommerce-tabs .panel {
    max-width: 720px;      /* szerokość bloku tekstu */
    margin: 0 auto;        /* wyśrodkowanie */
    line-height: 1.6;      /* trochę większy odstęp między liniami */
}

/* Na wszelki wypadek tekst zawsze wyrównany do lewej */
.single-product .woocommerce-tabs .panel p,
.single-product .woocommerce-tabs .panel li {
    text-align: left;
}
/* PAGINACJA SKLEPU – styl pod kotyidragony.pl */
.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin: 2.5rem 0 1.5rem;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers {
    display: inline-flex;
    padding: 0;
    margin: 0;
    list-style: none;
    border-radius: 999px;          /* „pigułka” jak przyciski */
    overflow: hidden;
    background: #05070b;           /* ciemne tło jak strona */
    border: 1px solid #2b2b33;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.6);
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li {
    margin: 0;
}

/* wspólny wygląd numerów stron i strzałki */
.woocommerce nav.woocommerce-pagination .page-numbers {
    min-width: 38px;
    height: 38px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    color: #f5f5ff;                 /* jasny tekst zamiast niebieskiego */
    border-right: 1px solid #2b2b33;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li:last-child .page-numbers {
    border-right: none;
}

/* AKTYWNA STRONA */
.woocommerce nav.woocommerce-pagination .page-numbers.current {
    background: radial-gradient(circle at 30% 0,
        #ffd978 0,
        #f2b63b 45%,
        #d08a24 100%);
    color: #111111;
    box-shadow: 0 0 22px rgba(255, 194, 80, 0.7);
    border-right-color: transparent;
}

/* HOVER – inne strony i strzałka */
.woocommerce nav.woocommerce-pagination .page-numbers:not(.current):hover {
    background: #141720;
    color: #ffe59c;
    box-shadow: 0 0 10px rgba(255, 214, 120, 0.35);
}

/* Drobna korekta na mobile – wyśrodkowanie i odstęp */
@media (max-width: 640px) {
    .woocommerce nav.woocommerce-pagination {
        margin-top: 2rem;
    }
}
/* USUNIĘCIE DOMYŚLNEGO TŁA / OBRAMOWAŃ PO KLIKNIĘCIU */
.woocommerce nav.woocommerce-pagination .page-numbers:focus,
.woocommerce nav.woocommerce-pagination .page-numbers:active {
    outline: none !important;
    box-shadow: none;
    background: #141720; /* jak hover */
    color: #ffe59c;
}

/* AKTYWNA STRONA – PO KLIKNIĘCIU MA POZOSTAĆ ZŁOTA */
.woocommerce nav.woocommerce-pagination .page-numbers.current:focus,
.woocommerce nav.woocommerce-pagination .page-numbers.current:active {
    outline: none !important;
    background: radial-gradient(circle at 30% 0,
        #ffd978 0,
        #f2b63b 45%,
        #d08a24 100%);
    color: #111111;
    box-shadow: 0 0 22px rgba(255, 194, 80, 0.7);
}

/* MOBILE – usunięcie niebieskiego highlightu (Chrome / Android) */
.woocommerce nav.woocommerce-pagination .page-numbers {
    -webkit-tap-highlight-color: transparent;
}
/* ==========================================================
   CHECKOUT – DWIE KOLUMNY
   ========================================================== */

/* Układ: lewa kolumna (produkty), prawa (wysyłka) */
.kd-checkout-two-cols {
    display: flex;
    gap: 3rem;
    align-items: flex-start;
}

.kd-checkout-left,
.kd-checkout-right {
    flex: 0 0 50%;
    max-width: 50%;
}

/* Tytuł "Metody wysyłki" – normalny nagłówek nad listą */
.kd-column-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px 0;
    color: #ffffff;
}

/* Shipping box po prawej – bez dziwnych odstępów u góry */
.kd-checkout-shipping {
    margin-top: 0;
}

/* Tabela zamówienia – zostawiamy jak w motywie, tylko lekkie uporządkowanie */
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 6px 0;
    line-height: 1.3;
    vertical-align: middle;
}

.woocommerce-checkout-review-order-table thead th {
    font-size: 14px;
    font-weight: 600;
}

/* Produkt – lewa kolumna */
.woocommerce-checkout-review-order-table th.product-name,
.woocommerce-checkout-review-order-table td.product-name {
    text-align: left;
}

/* Kwota – prawa kolumna */
.woocommerce-checkout-review-order-table th.product-total,
.woocommerce-checkout-review-order-table td.product-total {
    text-align: right;
}

/* Stopka (Kwota / Łącznie z kosztami dostawy) */
.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout-review-order-table tfoot tr.order-total td {
    font-weight: 700;
}

/* Mobile: jedna kolumna pod drugą */
@media (max-width: 768px) {
    .kd-checkout-two-cols {
        flex-direction: column;
    }

    .kd-checkout-left,
    .kd-checkout-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
/* ===== WSPÓLNY RZĄD NAGŁÓWKÓW ===== */

.kd-checkout-header {
    display: flex;
    gap: 3rem;
    align-items: baseline;
    margin-bottom: 8px;
}

/* lewa i prawa część mają taką samą szerokość jak kolumny poniżej */
.kd-checkout-header-left,
.kd-checkout-header-right {
    flex: 0 0 50%;
    max-width: 50%;
}

/* w lewej części: Produkt po lewej, Kwota po prawej (jak w tabeli) */
.kd-checkout-header-left {
    display: grid;
    grid-template-columns: 1fr auto;
}

.kd-head-product,
.kd-head-amount,
.kd-head-shipping {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.kd-head-amount {
    text-align: right;
}

/* ===== DWIE KOLUMNY (to co już działa) ===== */

.kd-checkout-two-cols {
    display: flex;
    gap: 3rem;
    align-items: flex-start;
}

.kd-checkout-left,
.kd-checkout-right {
    flex: 0 0 50%;
    max-width: 50%;
}

.kd-checkout-shipping {
    margin-top: 0;
}

/* tabela – delikatne uporządkowanie */
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 6px 0;
    line-height: 1.3;
    vertical-align: middle;
}

/* Produkt / Kwota w tabeli */
.woocommerce-checkout-review-order-table th.product-name,
.woocommerce-checkout-review-order-table td.product-name {
    text-align: left;
}

.woocommerce-checkout-review-order-table th.product-total,
.woocommerce-checkout-review-order-table td.product-total {
    text-align: right;
}

/* stopka: "Kwota" i "Łącznie z kosztami dostawy" niech mają ten sam rytm */
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
    padding-top: 6px;
    padding-bottom: 6px;
}

/* "Łącznie z kosztami dostawy" w jednej linii z PLN */
.woocommerce-checkout-review-order-table tfoot tr.order-total td strong {
    white-space: nowrap;
}

/* mobile – jedna kolumna pod drugą */
@media (max-width: 768px) {
    .kd-checkout-two-cols {
        flex-direction: column;
    }

    .kd-checkout-left,
    .kd-checkout-right,
    .kd-checkout-header-left,
    .kd-checkout-header-right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .kd-checkout-header {
        flex-direction: column;
        gap: 4px;
    }
}
/* "Łącznie z kosztami dostawy" + PLN w jednej linii */
.woocommerce-checkout-review-order-table tfoot tr.order-total td strong {
    white-space: nowrap;
}
/* PRZESUŃ NAGŁÓWEK "Kwota" W LEWO, ŻEBY SIEDZIAŁ NAD KOLUMNĄ */
.kd-head-amount {
    position: relative !important;
    left: -10px !important;     /* zmieniaj -20 na -15 / -25, aż trafisz idealnie */
}
/* WSZYSTKIE KWOTY: produkty, subtotal i "Łącznie z kosztami dostawy" */
.woocommerce-checkout-review-order-table td.product-total,
.woocommerce-checkout-review-order-table tfoot td {
    text-align: right !important;
    padding-right: 0 !important;
}

@media (max-width: 768px) {

    /* kolumny jedna pod drugą */
    .kd-checkout-two-cols {
        flex-direction: column;
        gap: 1.5rem;
    }

    .kd-checkout-left,
    .kd-checkout-right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .kd-checkout-header {
        flex-direction: column;
        gap: 4px;
    }

    .kd-checkout-header-left,
    .kd-checkout-header-right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* trochę ciaśniejsze wiersze w tabeli na telefonie */
    .woocommerce-checkout-review-order-table th,
    .woocommerce-checkout-review-order-table td {
        padding: 4px 0;
        font-size: 14px;
    }

    /* nagłówek "Kwota" bez przesunięcia, żeby nie uciekał na boki */
    .kd-head-amount {
        left: 0 !important;
        text-align: right;
        margin-top: 2px;
    }

    /* można delikatnie zwiększyć odstęp między nazwą a kwotą */
    .woocommerce-checkout-review-order-table td.product-name {
        padding-right: 8px;
    }
}

/* =========================
   MOBILE – NAGŁÓWEK "KWOTA"
   ========================= */
@media (max-width: 768px) {

  /* nagłówek "Kwota" – przesunięcie w prawo */
  .kd-head-amount {
    position: relative !important;
    left: 12px !important;   /* ZWIĘKSZAJ / ZMNIEJSZAJ: 8px / 16px / 20px */
    text-align: right;
    white-space: nowrap;
  }

}

/* =========================
   CHECKOUT – ZGODY (MOBILE)
   ========================= */
@media (max-width: 768px) {

  /* kontener z tekstami zgód */
  .woocommerce-checkout .woocommerce-privacy-policy-text,
  .woocommerce-checkout .woocommerce-form__label-for-checkbox,
  .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    text-align: center;
  }

  /* sam tekst zgody */
  .woocommerce-checkout .woocommerce-privacy-policy-text p,
  .woocommerce-checkout .woocommerce-form__label-for-checkbox span {
    display: block;
    font-size: 14px;
    line-height: 1.5;
  }

  /* checkbox + odstępy */
  .woocommerce-checkout .woocommerce-form__label-for-checkbox {
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
  }
}
/* =========================
   CHECKOUT – CHECKBOXY (MOBILE)
   ========================= */
@media (max-width: 768px) {

  /* powiększenie samego checkboxa */
  .woocommerce-checkout input[type="checkbox"] {
    width: 20px;
    height: 20px;
    transform: scale(1.3);
    margin-right: 10px;
  }

  /* większy obszar klikalny etykiety */
  .woocommerce-checkout .woocommerce-form__label-for-checkbox {
    padding: 10px 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
  }

  /* lepsze wyśrodkowanie tekstu */
  .woocommerce-checkout .woocommerce-form__label-for-checkbox span {
    line-height: 1.5;
  }
}

/* =========================
   GOOGLE PAY – NISKI PASEK
   ========================= */

/* ściskamy cały box tylko dla Google Pay */
.woocommerce-checkout li.payment_method_googlepay .payment_box {
    padding: 6px 10px !important;
    margin-top: 6px !important;
    max-height: 64px !important;   /* twardy limit wysokości */
    overflow: hidden !important;   /* obcinamy nadmiar w dół */
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

/* wewnętrzny wrapper (ten biały prostokąt) */
.woocommerce-checkout li.payment_method_googlepay .payment_box > div {
    max-height: 48px !important;   /* wysokość samego „białego” */
    overflow: hidden !important;
}

/* sam „guzik” w środku – żeby nie był rozciągany */
.woocommerce-checkout li.payment_method_googlepay .payment_box button,
.woocommerce-checkout li.payment_method_googlepay .payment_box .button {
    display: inline-block !important;
}
/* MOBILE – odstęp nad przyciskiem GPay na dole */
@media (max-width: 768px) {
    .wc-stripe-payment-request-wrapper {
        margin-top: 18px !important;
    }

    .wc-stripe-payment-request-button {
        border-radius: 10px !important;
        font-size: 16px !important;
        padding: 12px 0 !important;
    }
}
/* GOOGLE PAY – ekstremalne zmniejszenie do ~1/8 wysokości */
.woocommerce-checkout li.payment_method_googlepay iframe,
.woocommerce-checkout li.payment_method_stripe_googlepay iframe {
    transform: scaleY(0.125) scaleX(0.95);
    transform-origin: top center;
}

/* kontener – trzymamy nisko i elegancko */
.woocommerce-checkout li.payment_method_googlepay .payment_box,
.woocommerce-checkout li.payment_method_stripe_googlepay .payment_box {
    height: 40px !important;        /* ~1/8 wizualnie */
    overflow: hidden !important;
    padding: 4px 6px !important;
    background: rgba(255,255,255,0.04) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
}
/* MOBILE: wywalamy podsumowanie zamówienia, zostawiamy same metody wysyłki */
@media (max-width: 768px) {

    /* chowa nagłówek: Produkt / Kwota / Metody wysyłki */
    #order_review .kd-checkout-header {
        display: none !important;
    }

    /* chowa lewą kolumnę: lista produktów + kwoty */
    #order_review .kd-checkout-left {
        display: none !important;
    }

    /* prawa kolumna (wysyłki) ma iść na 100% szerokości */
    #order_review .kd-checkout-two-cols {
        display: block !important;
    }

    #order_review .kd-checkout-right {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}