/* =========================================
   🎄 VÁNOČNÍ STYL P&J JEWELLERY – SAFE VERZE
   ========================================= */

/* Jemné vánoční pozadí celé stránky */
body {
    background-color: #ffffff;
    background-image: url('https://www.pandjjewellery.cz/user/documents/upload/vanoce/vlocky-bg.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: 380px auto;
    animation: xmasSnowScroll 60s linear infinite; /* velmi jemný pohyb pozadí */
}

/* Skleněný efekt pod hlavním obsahem, aby vše zůstalo dobře čitelné
   – NEŠAHÁME na .content, .layout atd., aby se nerozbíjely speciální stránky */
.page-wrapper,
#page,
.wrapper {
    background-color: rgba(255, 255, 255, 0.94);
}

/* Hlavička & footer – jemná zlatá linka */
.site-header,
header,
#header {
    border-bottom: 1px solid rgba(188, 143, 34, 0.35); /* #bc8f22 */
}

.site-footer,
footer,
#footer {
    border-top: 1px solid rgba(188, 143, 34, 0.35);
}

/* Menu – jemný zlatý underline při hoveru */
.menu a,
.navigation a,
.main-menu a {
    position: relative;
    transition: color .2s ease;
}

.menu a::after,
.navigation a::after,
.main-menu a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #bc8f22, #e5c06b);
    transition: width .2s ease;
}

.menu a:hover::after,
.navigation a:hover::after,
.main-menu a:hover::after {
    width: 100%;
}

/* Zvýraznění položky BLACK FRIDAY (menu-item-759) – jen text, žádné hrátky s bloky */
.menu-item-759 > a {
    font-weight: 700;
    color: #bc8f22 !important;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.7);
    letter-spacing: 0.03em;
}

.menu-item-759 > a:hover {
    transform: translateY(-1px);
}

/* Karty produktů – efekt "dárkové krabičky" při hoveru */
.product,
.product-inner,
.box-product,
.product-box {
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.product:hover,
.product-inner:hover,
.box-product:hover,
.product-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
    border-color: rgba(188, 143, 34, 0.45);
}

/* Nadpisy bloků – jemné zlaté podtržení */
.content h1,
.content h2,
.page-wrapper h1,
.page-wrapper h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 6px;
}

.content h1::after,
.content h2::after,
.page-wrapper h1::after,
.page-wrapper h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80%;
    max-width: 220px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #bc8f22, #e5c06b);
}

/* Animace pozadí – velmi jemný posun vloček dolů */
@keyframes xmasSnowScroll {
    from { background-position: 0 0; }
    to   { background-position: 0 400px; }
}

/* Úprava patternu na mobilech */
@media (max-width: 768px) {
    body {
        background-size: 260px auto;
    }
}
/* 🎁 Animovaná ikonka před BLACK FRIDAY */
.bf-emoji {
    display: inline-block;
    margin-right: 6px;
    animation: bfTwinkle 1.8s ease-in-out infinite;
    transform-origin: center;
}

/* jemný třpyt / pulz */
@keyframes bfTwinkle {
    0% {
        transform: scale(1);
        filter: drop-shadow(0 0 0px rgba(255, 215, 0, 0.0));
    }
    40% {
        transform: scale(1.08);
        filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.9));
    }
    60% {
        transform: scale(1.02);
        filter: drop-shadow(0 0 3px rgba(255, 215, 0, 0.6));
    }
    100% {
        transform: scale(1);
        filter: drop-shadow(0 0 0px rgba(255, 215, 0, 0.0));
    }
}