/* ---------- RESET STYLÓW DLA SPÓJNOŚCI ---------- */
/* Resetowanie niepożądanych outlines i hover effects */
.site-header *,
.site-header *:hover,
.site-header *:focus,
.site-header *:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Upewnienie się, że header ma różowe tło */
.site-header {
    background: #fff0f5 !important; /* Jasnoróżowe tło */
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(232, 62, 140, 0.1) !important; /* Subtelna różowa ramka */
}

/* Usunięcie niepożądanych borderów z przycisków */
.header-navbar__menu a,
.user-menu-trigger,
.header-navbar__burger a,
.user-dropdown a {
    border-color: transparent !important;
}

.header-navbar__menu a:focus,
.header-navbar__menu a:active {
    background: rgba(232, 62, 140, 0.05) !important; /* Delikatny róż */
    color: #d81b60 !important; /* Ciemny róż */
    border-color: transparent !important;
}

/* ---------- POPRAWKI MENU I BUTTONÓW ---------- */
/* Poprawa stylów menu głównego */
.header-navbar__menu ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-navbar__menu li {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    float: none !important;
}

.header-navbar__menu a {
    color: #ad1457 !important; /* Ciemny róż */
    text-decoration: none !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    padding: 10px 16px !important;
    border-radius: 20px !important; /* Bardziej zaokrąglone */
    transition: all 0.25s ease !important;
    display: block !important;
    position: relative !important;
    letter-spacing: 0.2px !important;
    white-space: nowrap !important;
}

/* Właściwe efekty hover dla menu głównego */
.header-navbar__menu a:hover,
.header-navbar__menu .current-menu-item > a {
    background: rgba(232, 62, 140, 0.08) !important; /* Delikatny róż */
    color: #e83e8c !important; /* Ciemniejszy róż */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(232, 62, 140, 0.15) !important; /* Różowy cień */
    border-color: transparent !important;
}

/* Podkreślenie menu */
.header-navbar__menu a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 6px !important;
    left: 50% !important;
    width: 0 !important;
    height: 2px !important;
    background: #ff66a5 !important; /* Jaśniejszy róż */
    transition: all 0.25s ease !important;
    transform: translateX(-50%) !important;
    opacity: 0 !important;
    border-radius: 2px !important;
}

.header-navbar__menu a:hover::after,
.header-navbar__menu .current-menu-item > a::after {
    width: 40% !important;
    opacity: 1 !important;
}

/* Efekt ślicznego błyszczenia na menu */
.header-navbar__menu a:before {
    content: "" !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
    transform: rotate(45deg) !important;
    opacity: 0 !important;
    transition: opacity 0.3s !important;
    z-index: -1 !important;
}

.header-navbar__menu a:hover:before {
    animation: menuShine 1.5s ease-out !important;
}

@keyframes menuShine {
    0% {
        opacity: 0;
        left: -50%;
    }
    30% {
        opacity: 0.4;
    }
    100% {
        opacity: 0;
        left: 150%;
    }
}

/* ---------- USER MENU POPRAWKI ---------- */
/* Poprawki dla user menu */
.user-menu-trigger {
    background: #fff5f9 !important; /* Jasnoróżowe tło */
    border: 1px solid #f8bbd0 !important; /* Jasnoróżowa ramka */
    border-radius: 30px !important; /* Bardziej zaokrąglone */
}

.user-menu-trigger:hover, 
.user-menu-trigger:focus,
.user-menu-trigger:active {
    box-shadow: 0 5px 15px rgba(232, 62, 140, 0.15) !important; /* Różowy cień */
    border-color: #ff66a5 !important; /* Jaśniejszy róż */
    background: #fce4ec !important; /* Bardzo jasny róż */
    transform: translateY(-2px) !important;
}

/* Poprawki dla wysuwanego menu użytkownika */
.user-dropdown {
    background: #fff5f9 !important; /* Jasnoróżowe tło */
    border: 1px solid #f8bbd0 !important; /* Jasnoróżowa ramka */
    box-shadow: 0 10px 30px rgba(232, 62, 140, 0.15) !important; /* Różowy cień */
    border-radius: 20px !important; /* Bardziej zaokrąglone */
}

.user-dropdown-header {
    background: rgba(232, 62, 140, 0.05) !important; /* Bardzo jasny róż */
    border-bottom: 1px solid rgba(232, 62, 140, 0.1) !important; /* Jasnoróżowa linia */
    border-radius: 20px 20px 0 0 !important; /* Zaokrąglone górne rogi */
}

.user-dropdown-header h4 {
    color: #e83e8c !important; /* Ciemniejszy róż */
}

.user-dropdown a {
    color: #ad1457 !important; /* Ciemny róż */
    border-left: 3px solid transparent !important;
}

.user-dropdown a:hover,
.user-dropdown .highlight-item {
    background: rgba(232, 62, 140, 0.05) !important; /* Bardzo jasny róż */
    color: #e83e8c !important; /* Ciemniejszy róż */
    border-left: 3px solid #ff66a5 !important; /* Jaśniejszy róż */
}

/* Dodanie ślicznej emotki serduszka do menu */
.user-dropdown:after {
    content: "💕" !important;
    position: absolute !important;
    top: 12px !important;
    right: 15px !important;
    font-size: 16px !important;
    opacity: 0.6 !important;
}

.user-dropdown i {
    color: #ff66a5 !important; /* Jaśniejszy róż */
}

.user-dropdown .highlight-item i {
    color: #e83e8c !important; /* Ciemniejszy róż */
}

.user-dropdown li.divider {
    background: rgba(232, 62, 140, 0.1) !important; /* Jasnoróżowa linia */
}

/* Naprawienie animacji dropdown menu */
.user-dropdown {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(12px) scale(0.98) !important;
    transition: all 0.28s cubic-bezier(.4, 0, .2, 1) !important;
}

.user-menu-wrapper:hover .user-dropdown,
.user-menu-trigger:focus + .user-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

/* ---------- INNE POPRAWKI ---------- */
/* Usunięcie niepożądanych obramowań */
.site-header a:focus,
.site-header button:focus,
.site-header input:focus {
    border-color: transparent !important;
    outline: none !important;
}

/* Poprawka dla kolorów ikon */
.user-avatar {
    border-color: #ff66a5 !important; /* Jaśniejszy róż */
}

.login-icon {
    background: rgba(232, 62, 140, 0.1) !important; /* Jasnoróżowe tło */
    color: #ff66a5 !important; /* Jaśniejszy róż */
    border-radius: 50% !important;
}

/* Zapobieganie niechcianym efektom */
.site-header .header-navbar__menu a:active,
.site-header .user-menu-trigger:active,
.site-header .header-navbar__burger a:active {
    background-color: rgba(232, 62, 140, 0.08) !important; /* Delikatny róż */
}

/* ---------- STYL DLA KOSZYKA WOOCOMMERCE ---------- */
/* Główne style dla strony koszyka */
body.woocommerce-cart {
    background: #fff0f5 !important; /* Jasnoróżowe tło */
    color: #ad1457 !important; /* Ciemny róż dla tekstu */
}

.woocommerce-cart .site-content {
    background: #fff0f5 !important; /* Jasnoróżowe tło */
    min-height: 70vh !important;
}

.woocommerce-cart .header-hero--title, 
.woocommerce-cart .header-hero--cover,
.woocommerce-cart .page__title.entry-title,
.woocommerce-cart .hp-page__title {
    display: none !important;
}

/* Tabela koszyka */
.woocommerce-cart table.cart {
    background: #fff5f9 !important; /* Jasnoróżowe tło */
    border-radius: 20px !important; /* Bardziej zaokrąglone */
    padding: 20px !important;
    box-shadow: 0 8px 32px rgba(232, 62, 140, 0.15) !important; /* Różowy cień */
    border: 1px solid #f8bbd0 !important; /* Jasnoróżowa ramka */
}

.woocommerce-cart table.cart th {
    background: rgba(244, 143, 177, 0.15) !important; /* Jasnoróżowe tło */
    color: #d81b60 !important; /* Ciemny róż */
    border: none !important;
    padding: 15px !important;
}

.woocommerce-cart table.cart td {
    background: #ffffff !important; /* Białe tło */
    color: #ad1457 !important; /* Ciemny róż */
    border: none !important;
    padding: 15px !important;
    border-bottom: 1px solid rgba(232, 62, 140, 0.05) !important; /* Bardzo jasna różowa linia */
}

/* Przyciski */
.woocommerce-cart .button {
    background: linear-gradient(90deg, #ff66a5 0%, #e83e8c 100%) !important; /* Różowy gradient */
    color: white !important;
    border-radius: 30px !important; /* Bardziej zaokrąglone */
    font-weight: 600 !important;
    border: none !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    padding: 12px 20px !important;
}

.woocommerce-cart .button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 15px rgba(232, 62, 140, 0.25) !important; /* Różowy cień */
}

.woocommerce-cart .checkout-button {
    background: linear-gradient(90deg, #ffd700 0%, #e5a50a 100%) !important; /* Zachowujemy złoty */
    color: black !important;
}

/* Inputy */
.woocommerce-cart input.qty,
.woocommerce-cart .coupon .input-text {
    background: #ffffff !important; /* Białe tło */
    border: 1px solid #f8bbd0 !important; /* Jasnoróżowa ramka */
    color: #ad1457 !important; /* Ciemny róż */
    border-radius: 20px !important; /* Bardziej zaokrąglone */
    padding: 10px 15px !important;
}

.woocommerce-cart input.qty:focus,
.woocommerce-cart .coupon .input-text:focus {
    border-color: #ff66a5 !important; /* Jaśniejszy róż */
    box-shadow: 0 0 0 3px rgba(232, 62, 140, 0.1) !important; /* Różowy cień */
}

/* Podsumowanie */
.woocommerce-cart .cart_totals {
    background: #fff5f9 !important; /* Jasnoróżowe tło */
    border-radius: 20px !important; /* Bardziej zaokrąglone */
    padding: 20px !important;
    color: #ad1457 !important; /* Ciemny róż */
    border: 1px solid #f8bbd0 !important; /* Jasnoróżowa ramka */
}

.woocommerce-cart .cart_totals h2 {
    color: #e83e8c !important; /* Ciemniejszy róż */
    font-size: 1.4rem !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(232, 62, 140, 0.1) !important; /* Jasnoróżowa linia */
}

.woocommerce-cart .cart_totals th {
    color: #d81b60 !important; /* Ciemny róż */
}

.woocommerce-cart .cart_totals td {
    color: #ad1457 !important; /* Ciemny róż */
}

.woocommerce-cart .order-total .amount {
    color: #e83e8c !important; /* Ciemniejszy róż */
    font-weight: bold !important;
    font-size: 1.2rem !important;
}

/* Dodajemy dziewczęcy element do koszyka */
.woocommerce-cart .cart_totals:after {
    content: "💝" !important;
    position: absolute !important;
    top: 15px !important;
    right: 25px !important;
    font-size: 20px !important;
    opacity: 0.5 !important;
}

/* Globalne wymuszenie jasnoróżowego tła */
html, body {
    background: #fff0f5 !important; /* Jasnoróżowe tło */
}

body.home,
body.page,
body.single,
body.archive,
body.blog,
body.search,
body.error404,
body.woocommerce-page {
    background: #fff0f5 !important; /* Jasnoróżowe tło */
}

/* Naprawa ciemnego tła w kontenerach treści */
.site-content,
.content-area,
.site-main,
#main,
#content,
.page-content,
.entry-content,
.post-content {
    background: #fff0f5 !important; /* Jasnoróżowe tło */
}

/* Naprawa teł dla różnych typów stron */
.single-post,
.page-template-default,
.post-type-archive,
.tax-category,
.search-results,
.error404 {
    background: #fff0f5 !important; /* Jasnoróżowe tło */
}