/* Orli Domek 1.4.0 — Studio sezonów: pasek, oferta sezonowa, dekoracje, podgląd w Elementorze.
   Colours come from CSS variables printed by inc/seasons.php (edited in the „OD Sezon — …” templates). */

/* ---------- ribbon */
.od-season-ribbon{background:var(--od-season-ribbon-bg,var(--od-season-deep,#173d35));color:var(--od-season-ribbon-fg,#fbf7ef);font-size:14px;line-height:1.45;position:relative;z-index:301}
.od-season-ribbon-inner{max-width:1200px;margin:0 auto;padding:9px 48px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;justify-content:center;text-align:center}
.od-season-ribbon a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.od-season-ribbon a:hover,.od-season-ribbon a:focus-visible{text-decoration-thickness:2px}
.od-season-ribbon-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer;opacity:.8}
.od-season-ribbon-close:hover,.od-season-ribbon-close:focus-visible{opacity:1;background:rgba(255,255,255,.12)}
@media(max-width:600px){.od-season-ribbon{font-size:13px}.od-season-ribbon-inner{padding:8px 42px 8px 14px;justify-content:flex-start;text-align:left}}

/* ---------- hero extra button */
.od-hero-copy .od-season-hero-cta{display:inline-flex;margin-top:18px;background:var(--od-season-accent)!important;color:#fff!important}

/* ---------- seasonal offer (under the home hero) */
.od-season-offer{background:var(--od-season-soft,#f5f0e8);padding:clamp(40px,6vw,72px) 0}
.od-season-offer-inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:center}
.od-season-offer-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.od-season-offer-copy h2{font-family:var(--od-serif,Georgia,serif);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;margin:.35em 0 .45em;color:var(--od-season-deep,#173d35)}
.od-season-offer-copy p{max-width:560px;margin:0 0 1.3em}
.od-season-offer-badge{display:inline-block;margin-left:10px;padding:3px 10px;border-radius:999px;background:var(--od-season-deep,#173d35);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;vertical-align:middle}
.od-season-offer-inner:not(:has(.od-season-offer-media)){grid-template-columns:1fr}
@media(max-width:820px){.od-season-offer-inner{grid-template-columns:1fr}}

/* ---------- decorations: transform/opacity only, above the photo, below the text */
.od-season-deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;opacity:var(--od-season-deco-opacity,.7)}
.od-season-deco i{position:absolute;left:var(--x);top:-6%;width:var(--s);height:var(--s);background:var(--od-season-deco,#fff);will-change:transform;animation:od-deco-fall var(--t) linear infinite;animation-delay:calc(var(--d) * -1.7)}
@keyframes od-deco-fall{0%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(2.2vw,52vh,0) rotate(calc(var(--r) / 2))}100%{transform:translate3d(-1vw,104vh,0) rotate(var(--r))}}
.od-season-deco-snow i{border-radius:50%;background:radial-gradient(circle,var(--od-season-deco,#fff) 0 38%,transparent 70%);width:calc(var(--s) * .7);height:calc(var(--s) * .7)}
.od-season-deco-snow i:nth-child(4n){background:var(--od-season-deco,#fff);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7M9 3.5l3 2.5 3-2.5M9 20.5l3-2.5 3 2.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7M9 3.5l3 2.5 3-2.5M9 20.5l3-2.5 3 2.5'/%3E%3C/svg%3E") center/contain no-repeat;width:var(--s);height:var(--s)}
.od-season-deco-hearts i{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.8 8.2 3 4.5 6.6 4.5c2.1 0 3.6 1.2 5.4 3.2 1.8-2 3.3-3.2 5.4-3.2 3.6 0 5.8 3.7 4.2 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.8 8.2 3 4.5 6.6 4.5c2.1 0 3.6 1.2 5.4 3.2 1.8-2 3.3-3.2 5.4-3.2 3.6 0 5.8 3.7 4.2 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat}
.od-season-deco-leaves i{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 3C9.5 3 3 9.2 3 17.2c0 1.4.3 2.6.7 3.8 1.3-4.6 4.5-8.6 9.3-10.6-3.9 2.9-6.2 6.4-7.4 10.6C15.8 21 21 14.2 21 3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 3C9.5 3 3 9.2 3 17.2c0 1.4.3 2.6.7 3.8 1.3-4.6 4.5-8.6 9.3-10.6-3.9 2.9-6.2 6.4-7.4 10.6C15.8 21 21 14.2 21 3z'/%3E%3C/svg%3E") center/contain no-repeat;width:calc(var(--s) * 1.25);height:calc(var(--s) * 1.25)}
.od-season-deco-leaves i:nth-child(3n){filter:brightness(.82)}
.od-season-deco-flowers i{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5.5' r='4'/%3E%3Ccircle cx='18.2' cy='10' r='4'/%3E%3Ccircle cx='15.8' cy='17.3' r='4'/%3E%3Ccircle cx='8.2' cy='17.3' r='4'/%3E%3Ccircle cx='5.8' cy='10' r='4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5.5' r='4'/%3E%3Ccircle cx='18.2' cy='10' r='4'/%3E%3Ccircle cx='15.8' cy='17.3' r='4'/%3E%3Ccircle cx='8.2' cy='17.3' r='4'/%3E%3Ccircle cx='5.8' cy='10' r='4'/%3E%3C/svg%3E") center/contain no-repeat}
.od-season-deco-sparkles i,.od-season-deco-stars i{top:var(--y);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l2.6 9.4L24 12l-9.4 2.6L12 24l-2.6-9.4L0 12l9.4-2.6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l2.6 9.4L24 12l-9.4 2.6L12 24l-2.6-9.4L0 12l9.4-2.6z'/%3E%3C/svg%3E") center/contain no-repeat;animation:od-deco-twinkle var(--t) ease-in-out infinite;animation-delay:calc(var(--d) * -1)}
.od-season-deco-sparkles i{top:calc(var(--y) * .7)}
@keyframes od-deco-twinkle{0%,100%{transform:scale(.35) rotate(0deg);opacity:.15}50%{transform:scale(1) rotate(35deg);opacity:1}}
.od-season-deco-sun i{left:auto;right:-12vmin;top:-22vmin;width:62vmin;height:62vmin;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--od-season-deco,#ffe7ad) 0 5deg,transparent 5deg 17deg);-webkit-mask:radial-gradient(circle,#000 0 18%,rgba(0,0,0,.55) 30%,transparent 68%);mask:radial-gradient(circle,#000 0 18%,rgba(0,0,0,.55) 30%,transparent 68%);animation:od-deco-rotate 90s linear infinite}
@keyframes od-deco-rotate{to{transform:rotate(360deg)}}
@media(max-width:767px){.od-season-deco-desktop-only{display:none}.od-season-deco i:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){.od-season-deco i{animation:none!important;transform:none!important}.od-season-deco-snow i,.od-season-deco-hearts i,.od-season-deco-leaves i,.od-season-deco-flowers i{top:var(--y)}}
body.od-motion-off .od-season-deco i{animation:none!important;top:var(--y)}
@media print{.od-season-deco,.od-season-ribbon{display:none!important}}

/* ---------- Elementor preview of a style template */
.od-season-preview{position:relative}
.od-season-preview-bar{background:#fff8e6;border:1px dashed #c9a655;color:#5a4a2a;font:13px/1.45 system-ui,sans-serif;padding:8px 14px}
.od-season-preview .od-hero{min-height:620px}
.od-season-preview-samples{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:22px 18px;background:#fff;font:14px/1.4 system-ui,sans-serif}
.od-season-swatch{display:inline-block;padding:10px 16px;border:1px solid rgba(0,0,0,.08);border-radius:4px}