/* =========================================================
   29.10 — Коледна тема (inc/xmas.php; body.is-xmas). v2: лампички,
   клонки вместо линии, висящи топки, висулки, елхички, снежинки.
   ========================================================= */
.topbar-xmas{ color:var(--pink-700); font-weight:700; text-decoration:none; }
.topbar-xmas span{ font-size:13px; line-height:1; }
.topbar-xmas:hover{ text-decoration:underline; }
.main-nav > a.nav-xmas{ color:#b3263b; font-weight:700; }
.main-nav > a.nav-xmas span{ display:inline-block; width:14px; height:17px; margin-right:5px; vertical-align:-2px; font-size:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='30' viewBox='0 0 24 30'%3E%3Cg transform='translate(0 0) scale(1)'%3E%3Crect x='10' y='25' width='4' height='5' fill='%237a4b2a'/%3E%3Cpath d='M12 4 L21 15 H16 L23 25 H1 L8 15 H3 Z' fill='%232f6a42'/%3E%3Cpath d='M12 4 L21 15 H16 L23 25 H12 Z' fill='%23285c38'/%3E%3Ccircle cx='9' cy='19' r='1.4' fill='%23e5374f'/%3E%3Ccircle cx='15' cy='13' r='1.3' fill='%23f4b223'/%3E%3Ccircle cx='16' cy='21' r='1.3' fill='%23ffffff'/%3E%3Cpath d='M12 0 L13.1 2.6 L15.8 2.8 L13.7 4.5 L14.4 7.1 L12 5.6 L9.6 7.1 L10.3 4.5 L8.2 2.8 L10.9 2.6 Z' fill='%23f4b223'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat; }

/* лампички под хедъра + висящи топки */
.xmas-hang{ position:absolute; left:0; right:0; top:100%; height:0; pointer-events:none; z-index:2; }
.xmas-ball{ position:absolute; top:14px; width:40px; transform-origin:50% 0; animation:xmas-swing 4.5s ease-in-out infinite; }
.xmas-ball::before{ content:""; display:block; width:1px; margin:0 auto; background:rgba(120,90,60,.55); height:var(--l,40px); }
.xmas-ball i{ display:block; width:40px; height:51px; filter:drop-shadow(0 4px 6px rgba(0,0,0,.18)); background-size:contain; background-repeat:no-repeat; }
.xmas-ball.b1 i{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='38' viewBox='0 0 30 38'%3E%3Crect x='11' y='0' width='8' height='6' rx='1.5' fill='%23c9a24a'/%3E%3Ccircle cx='15' cy='21' r='13.5' fill='%23d42a3c'/%3E%3Cpath d='M3 19 Q15 25 27 19' stroke='%23f6d36b' stroke-width='2.2' fill='none'/%3E%3Cpath d='M4 24 Q15 30 26 24' stroke='%23f6d36b' stroke-width='1.2' fill='none' stroke-dasharray='2 2'/%3E%3Cellipse cx='10' cy='15' rx='3.2' ry='4.5' fill='%23fff' opacity='.45'/%3E%3C/svg%3E"); }
.xmas-ball.b2 i{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='38' viewBox='0 0 30 38'%3E%3Crect x='11' y='0' width='8' height='6' rx='1.5' fill='%23c9a24a'/%3E%3Ccircle cx='15' cy='21' r='13.5' fill='%232e7d52'/%3E%3Cpath d='M3 19 Q15 25 27 19' stroke='%23f6d36b' stroke-width='2.2' fill='none'/%3E%3Cpath d='M4 24 Q15 30 26 24' stroke='%23f6d36b' stroke-width='1.2' fill='none' stroke-dasharray='2 2'/%3E%3Cellipse cx='10' cy='15' rx='3.2' ry='4.5' fill='%23fff' opacity='.45'/%3E%3C/svg%3E"); }
.xmas-ball.b3 i{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='38' viewBox='0 0 30 38'%3E%3Crect x='11' y='0' width='8' height='6' rx='1.5' fill='%23c9a24a'/%3E%3Ccircle cx='15' cy='21' r='13.5' fill='%23e9b730'/%3E%3Cpath d='M3 19 Q15 25 27 19' stroke='%23ffffff' stroke-width='2.2' fill='none'/%3E%3Cpath d='M4 24 Q15 30 26 24' stroke='%23ffffff' stroke-width='1.2' fill='none' stroke-dasharray='2 2'/%3E%3Cellipse cx='10' cy='15' rx='3.2' ry='4.5' fill='%23fff' opacity='.45'/%3E%3C/svg%3E"); }
.xmas-ball.b4 i{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='38' viewBox='0 0 30 38'%3E%3Crect x='11' y='0' width='8' height='6' rx='1.5' fill='%23c9a24a'/%3E%3Ccircle cx='15' cy='21' r='13.5' fill='%23c8336f'/%3E%3Cpath d='M3 19 Q15 25 27 19' stroke='%23ffffff' stroke-width='2.2' fill='none'/%3E%3Cpath d='M4 24 Q15 30 26 24' stroke='%23ffffff' stroke-width='1.2' fill='none' stroke-dasharray='2 2'/%3E%3Cellipse cx='10' cy='15' rx='3.2' ry='4.5' fill='%23fff' opacity='.45'/%3E%3C/svg%3E"); }
.xmas-ball.b5 i{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='38' viewBox='0 0 30 38'%3E%3Crect x='11' y='0' width='8' height='6' rx='1.5' fill='%23c9a24a'/%3E%3Ccircle cx='15' cy='21' r='13.5' fill='%233a6fc4'/%3E%3Cpath d='M3 19 Q15 25 27 19' stroke='%23e9eef8' stroke-width='2.2' fill='none'/%3E%3Cpath d='M4 24 Q15 30 26 24' stroke='%23e9eef8' stroke-width='1.2' fill='none' stroke-dasharray='2 2'/%3E%3Cellipse cx='10' cy='15' rx='3.2' ry='4.5' fill='%23fff' opacity='.45'/%3E%3C/svg%3E"); }
@keyframes xmas-swing{ 0%,100%{ transform:rotate(-5deg); } 50%{ transform:rotate(5deg); } }
@media (max-width:1100px){ .xmas-ball.o2{ display:none; } }
@media (max-width:760px){ .xmas-ball.o2{ display:none; } .xmas-ball{ width:26px; top:8px; } .xmas-ball i{ width:26px; height:33px; } .xmas-ball::before{ height:calc(var(--l,40px) * .55); } }

/* заглавията: клонки с плодчета вместо линии, елха вместо цветчето */
.is-xmas .section-head .rule{ height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='20' viewBox='0 0 72 20'%3E%3Cpath d='M0 5 Q18 12 36 5 Q54 12 72 5' fill='none' stroke='%233c5a3f' stroke-width='1.2'/%3E%3Ccircle cx='18' cy='13' r='7' fill='%23ff3b55' opacity='.22'/%3E%3Crect x='16.5' y='8' width='3' height='3' rx='.6' fill='%23444'/%3E%3Cellipse cx='18' cy='14' rx='3' ry='4.2' fill='%23ff3b55'/%3E%3Cellipse cx='17' cy='12.6' rx='.9' ry='1.4' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='54' cy='13' r='7' fill='%23ffc21f' opacity='.22'/%3E%3Crect x='52.5' y='8' width='3' height='3' rx='.6' fill='%23444'/%3E%3Cellipse cx='54' cy='14' rx='3' ry='4.2' fill='%23ffc21f'/%3E%3Cellipse cx='53' cy='12.6' rx='.9' ry='1.4' fill='%23fff' opacity='.7'/%3E%3C/svg%3E") repeat-x center; background-size:72px 20px; position:relative; }
.is-xmas .section-head .rule::after{ content:""; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='20' viewBox='0 0 72 20'%3E%3Cpath d='M0 5 Q18 12 36 5 Q54 12 72 5' fill='none' stroke='%233c5a3f' stroke-width='1.2'/%3E%3Ccircle cx='18' cy='13' r='7' fill='%232fd17a' opacity='.22'/%3E%3Crect x='16.5' y='8' width='3' height='3' rx='.6' fill='%23444'/%3E%3Cellipse cx='18' cy='14' rx='3' ry='4.2' fill='%232fd17a'/%3E%3Cellipse cx='17' cy='12.6' rx='.9' ry='1.4' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='54' cy='13' r='7' fill='%234c9bff' opacity='.22'/%3E%3Crect x='52.5' y='8' width='3' height='3' rx='.6' fill='%23444'/%3E%3Cellipse cx='54' cy='14' rx='3' ry='4.2' fill='%234c9bff'/%3E%3Cellipse cx='53' cy='12.6' rx='.9' ry='1.4' fill='%23fff' opacity='.7'/%3E%3C/svg%3E") repeat-x center; background-size:72px 20px; animation:xmas-alt 1.8s steps(1,end) infinite; }
@keyframes xmas-alt{ 0%,100%{ opacity:.5; } 50%{ opacity:1; } }
.is-xmas .section-head .orn .icon,
.is-xmas .section-head .orn > *{ display:none; }
.is-xmas .section-head .orn{ width:26px; height:32px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='30' viewBox='0 0 24 30'%3E%3Cg transform='translate(0 0) scale(1)'%3E%3Crect x='10' y='25' width='4' height='5' fill='%237a4b2a'/%3E%3Cpath d='M12 4 L21 15 H16 L23 25 H1 L8 15 H3 Z' fill='%232f6a42'/%3E%3Cpath d='M12 4 L21 15 H16 L23 25 H12 Z' fill='%23285c38'/%3E%3Ccircle cx='9' cy='19' r='1.4' fill='%23e5374f'/%3E%3Ccircle cx='15' cy='13' r='1.3' fill='%23f4b223'/%3E%3Ccircle cx='16' cy='21' r='1.3' fill='%23ffffff'/%3E%3Cpath d='M12 0 L13.1 2.6 L15.8 2.8 L13.7 4.5 L14.4 7.1 L12 5.6 L9.6 7.1 L10.3 4.5 L8.2 2.8 L10.9 2.6 Z' fill='%23f4b223'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat; }

/* футър: горичка в снега */
.is-xmas .site-footer{ position:relative; margin-top:56px; }
.is-xmas .site-footer::before{ content:""; position:absolute; left:0; right:0; top:-54px; height:54px; pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='54' viewBox='0 0 150 54'%3E%3Cg transform='translate(8 14) scale(1.25)'%3E%3Crect x='10' y='25' width='4' height='5' fill='%237a4b2a'/%3E%3Cpath d='M12 4 L21 15 H16 L23 25 H1 L8 15 H3 Z' fill='%232f6a42'/%3E%3Cpath d='M12 4 L21 15 H16 L23 25 H12 Z' fill='%23285c38'/%3E%3Ccircle cx='9' cy='19' r='1.4' fill='%23e5374f'/%3E%3Ccircle cx='15' cy='13' r='1.3' fill='%23f4b223'/%3E%3Ccircle cx='16' cy='21' r='1.3' fill='%23ffffff'/%3E%3Cpath d='M12 0 L13.1 2.6 L15.8 2.8 L13.7 4.5 L14.4 7.1 L12 5.6 L9.6 7.1 L10.3 4.5 L8.2 2.8 L10.9 2.6 Z' fill='%23f4b223'/%3E%3C/g%3E%3Cg transform='translate(46 26) scale(0.85)'%3E%3Crect x='10' y='25' width='4' height='5' fill='%237a4b2a'/%3E%3Cpath d='M12 4 L21 15 H16 L23 25 H1 L8 15 H3 Z' fill='%232f6a42'/%3E%3Cpath d='M12 4 L21 15 H16 L23 25 H12 Z' fill='%23285c38'/%3E%3Ccircle cx='9' cy='19' r='1.4' fill='%23e5374f'/%3E%3Ccircle cx='15' cy='13' r='1.3' fill='%23f4b223'/%3E%3Ccircle cx='16' cy='21' r='1.3' fill='%23ffffff'/%3E%3C/g%3E%3Cg transform='translate(78 8) scale(1.5)'%3E%3Crect x='10' y='25' width='4' height='5' fill='%237a4b2a'/%3E%3Cpath d='M12 4 L21 15 H16 L23 25 H1 L8 15 H3 Z' fill='%232f6a42'/%3E%3Cpath d='M12 4 L21 15 H16 L23 25 H12 Z' fill='%23285c38'/%3E%3Ccircle cx='9' cy='19' r='1.4' fill='%23e5374f'/%3E%3Ccircle cx='15' cy='13' r='1.3' fill='%23f4b223'/%3E%3Ccircle cx='16' cy='21' r='1.3' fill='%23ffffff'/%3E%3Cpath d='M12 0 L13.1 2.6 L15.8 2.8 L13.7 4.5 L14.4 7.1 L12 5.6 L9.6 7.1 L10.3 4.5 L8.2 2.8 L10.9 2.6 Z' fill='%23f4b223'/%3E%3C/g%3E%3Cg transform='translate(118 24) scale(0.95)'%3E%3Crect x='10' y='25' width='4' height='5' fill='%237a4b2a'/%3E%3Cpath d='M12 4 L21 15 H16 L23 25 H1 L8 15 H3 Z' fill='%232f6a42'/%3E%3Cpath d='M12 4 L21 15 H16 L23 25 H12 Z' fill='%23285c38'/%3E%3Ccircle cx='9' cy='19' r='1.4' fill='%23e5374f'/%3E%3Ccircle cx='15' cy='13' r='1.3' fill='%23f4b223'/%3E%3Ccircle cx='16' cy='21' r='1.3' fill='%23ffffff'/%3E%3C/g%3E%3Cpath d='M0 54 V48 Q20 42 40 47 T80 46 T120 47 T150 46 V54 Z' fill='%23ffffff'/%3E%3Cpath d='M0 48 Q20 42 40 47 T80 46 T120 47 T150 46' fill='none' stroke='%23e6eef5' stroke-width='1.5'/%3E%3C/svg%3E") repeat-x bottom; background-size:150px 54px; }

/* коледната секция */
.xmas-section{ background:linear-gradient(180deg, #fff 0%, #fdf1f4 100%); position:relative; }
.xmas-section .section-title em{ color:#b3263b; }
.xmas-lead{ text-align:center; color:var(--text-soft); max-width:620px; margin:-8px auto 28px; font-size:15px; }

/* сняг върху видеото на началната */
.xmas-snow{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background-image:
    radial-gradient(3px 3px at 20px 30px, rgba(255,255,255,.95) 50%, transparent 51%),
    radial-gradient(2px 2px at 90px 120px, rgba(255,255,255,.9) 50%, transparent 51%),
    radial-gradient(3px 3px at 160px 60px, rgba(255,255,255,.85) 50%, transparent 51%),
    radial-gradient(2px 2px at 230px 170px, rgba(255,255,255,.9) 50%, transparent 51%),
    radial-gradient(4px 4px at 300px 90px, rgba(255,255,255,.8) 50%, transparent 51%),
    radial-gradient(2px 2px at 60px 200px, rgba(255,255,255,.85) 50%, transparent 51%);
  background-size:320px 240px; animation:xmas-snow 14s linear infinite; opacity:.85; }
@keyframes xmas-snow{ from{ background-position:0 0,0 0,0 0,0 0,0 0,0 0; } to{ background-position:30px 240px,-20px 240px,20px 240px,-30px 240px,10px 240px,0 240px; } }

/* снежинки по целия сайт (малко и леко) */
.xmas-flakes{ position:fixed; inset:0; pointer-events:none; z-index:90; overflow:hidden; }
.xmas-flakes span{ position:absolute; top:-30px; color:#a9c4dc; text-shadow:0 0 2px rgba(255,255,255,.9); opacity:.75; animation:xmas-fall linear infinite; }
@keyframes xmas-fall{ 0%{ transform:translate3d(0,-30px,0) rotate(0); } 50%{ transform:translate3d(18px,50vh,0) rotate(180deg); } 100%{ transform:translate3d(-12px,105vh,0) rotate(360deg); } }
@media (max-width:760px){ .xmas-flakes span:nth-child(n+8){ display:none; } }
@media (prefers-reduced-motion: reduce){
  .xmas-snow, .xmas-ball{ animation:none; }
  .xmas-flakes{ display:none; }
}

/* v3: големи светещи лампички, които мигат (inc/xmas.php → .xmas-lights) */
.xmas-lights{ position:absolute; left:0; right:0; top:-8px; height:52px; overflow:hidden; display:flex; pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='20' viewBox='0 0 88 20'%3E%3Cpath d='M0 4 Q22 18 44 4 Q66 18 88 4' fill='none' stroke='%232d5236' stroke-width='2'/%3E%3C/svg%3E") repeat-x 0 0; background-size:88px 20px; }
.xmas-lights b{ flex:0 0 44px; position:relative; }
.xmas-lights b i{ position:absolute; left:13px; top:12px; width:18px; height:27px;
  border-radius:50% 50% 50% 50% / 40% 40% 60% 60%;
  background:radial-gradient(circle at 36% 30%, #fff 0 10%, var(--c) 42%, var(--d) 100%);
  animation:xmas-bulb 1.5s ease-in-out infinite; }
.xmas-lights b i::before{ content:""; position:absolute; left:4.5px; top:-5px; width:9px; height:8px; border-radius:2px; background:linear-gradient(#5a5a5a,#2c2c2c); }
.xmas-lights b i::after{ content:""; position:absolute; left:-16px; top:-10px; width:50px; height:50px; border-radius:50%;
  background:radial-gradient(circle, var(--g) 0%, transparent 65%); animation:xmas-glow 1.5s ease-in-out infinite; }
.xmas-lights .r i{ --c:#ff2a46; --d:#b0001c; --g:rgba(255,40,70,.55); }
.xmas-lights .y i{ --c:#ffd23a; --d:#d48a00; --g:rgba(255,200,40,.6); }
.xmas-lights .g i{ --c:#2ee27f; --d:#0a8a45; --g:rgba(40,220,120,.5); }
.xmas-lights .b i{ --c:#4fa3ff; --d:#1450c8; --g:rgba(70,150,255,.55); }
.xmas-lights .p i{ --c:#ff5fc0; --d:#c2187a; --g:rgba(255,90,190,.5); }
.xmas-lights b:nth-child(4n+2) i, .xmas-lights b:nth-child(4n+2) i::after{ animation-delay:-.5s; }
.xmas-lights b:nth-child(4n+4) i, .xmas-lights b:nth-child(4n+4) i::after{ animation-delay:-1s; animation-duration:1.9s; }
.xmas-lights b:nth-child(6n) i, .xmas-lights b:nth-child(6n) i::after{ animation-duration:1.1s; }
@keyframes xmas-bulb{ 0%,100%{ filter:brightness(1.05) saturate(1.1); } 50%{ filter:brightness(1.6) saturate(1.3); } }
@keyframes xmas-glow{ 0%,100%{ opacity:.45; transform:scale(.85); } 50%{ opacity:1; transform:scale(1.25); } }
@media (max-width:760px){
  .xmas-lights{ top:-5px; height:34px; background-size:60px 14px; }
  .xmas-lights b{ flex-basis:30px; }
  .xmas-lights b i{ left:10px; top:8px; width:11px; height:16px; }
  .xmas-lights b i::before{ left:2.5px; top:-4px; width:6px; height:5px; }
  .xmas-lights b i::after{ left:-10px; top:-7px; width:31px; height:31px; }
}
@media (prefers-reduced-motion: reduce){ .xmas-lights b i, .xmas-lights b i::after, .is-xmas .section-head .rule::after{ animation:none; } }