/* Socks With Crocs Christmas Edition — decorative only, based on 0.12.7.
   Core stores editorial content. Original theme and theme_mods are untouched.
   All decorative assets ignore clicks, are aria-hidden and scale responsibly. */
:root{--swc-xmas-red:#ac2927;--swc-xmas-pine:#244e35;--swc-xmas-gold:#e1bd63}
body{background:#17120e}
.swc-social-strip{border-bottom:3px solid #b33b31;background:#163b35}
.swc-social-strip-label::before{content:'✦';color:#e8bd61;margin-right:8px}
.swc-social-strip-label::after{content:' ✦';color:#e8bd61}

/* Main sign stays the ORIGINAL functioning link; only dress its top edge. */
/* The hero logo is an <a>: it MUST stay positioned/block-level.
   C1-C3 accidentally applied position:relative to this inline link. That
   prevented all width declarations from affecting its image, even in C3. */
.inner-brand{position:relative}
.hero .hero-logo{position:absolute;display:block}
.hero-logo::after,.inner-brand::after{
 content:'';position:absolute;z-index:9;left:2%;right:2%;top:-7%;height:39%;
 background:url('garland-logo.webp') center top / 100% 100% no-repeat;
 filter:drop-shadow(0 6px 5px rgba(0,0,0,.34));pointer-events:none
}
.hero{background-position:center center}
/* The photographed hero already contains the holiday roof lights.
   Don't insert extra image/pseudo-element strands over the hero. */
/* Keep all real navigation above decorative hero props. */
.hero-logo,.hero-nav{z-index:7}
/* The original decorative sticker is replaced with a Santa-hat flamingo in the Christmas template. */

/* All inner pages: matching trim and original asset navigation. */
.inner-site-header{background-image:url('hero-bg-christmas.webp');background-position:center 46%}
/* Interior headers use the holiday background art and logo garland: no second, stretched bulb strand. */
.inner-header-grid{z-index:3}
.inner-brand::after{top:-10%;height:36%;left:2%;right:2%}

/* The bar is decked out, but the cards stay bright and readable. */
.bar-wall-section::before,.shelf-section::before,.random-zone::before{
 content:'';position:absolute;left:0;right:0;top:0;height:clamp(70px,10vw,140px);
 background:url('garland-bar.webp') center top / min(1400px,100%) 100% no-repeat;
 filter:drop-shadow(0 8px 6px #0006);pointer-events:none;z-index:1
}
.bar-wall-section::before{height:110px}
.shelf-section::before{height:120px}
.random-zone::before{height:85px;background-image:url('c5-lights.webp')}
.section-content,.shelf-content,.random-content{position:relative;z-index:2}
.swc-xmas-bar-garland{position:absolute;top:-85px;left:50%;width:min(780px,68vw);transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 5px 4px #0007)}
.swc-xmas-wall-pelican{width:170px;right:-90px;top:28px}
.swc-xmas-wall-wreath{position:absolute;right:-80px;bottom:-16px;width:140px;transform:rotate(9deg);filter:drop-shadow(0 8px 7px #0006)}
.swc-xmas-shelf-trim{position:absolute;top:-140px;left:50%;width:min(1140px,94vw);transform:translateX(-50%);filter:drop-shadow(0 7px 4px #0006);pointer-events:none}
.swc-xmas-shelf-presents{position:absolute;bottom:-145px;right:-120px;width:min(220px,23vw);transform:rotate(4deg);filter:drop-shadow(0 8px 5px #0007)}
.swc-xmas-random-trim{position:absolute;left:50%;top:-125px;transform:translateX(-50%);width:min(1050px,92vw);filter:drop-shadow(0 6px 5px #0007);pointer-events:none}
.swc-xmas-dock-palm{position:absolute;bottom:-63px;right:-95px;width:185px;transform:rotate(4deg);filter:drop-shadow(0 10px 7px #0008)}

/* Seasonality on the menu cards/postcards: small accents, not over content. */
.destination-sign-link::after{content:'';position:absolute;top:-14%;left:3%;width:94%;height:42%;pointer-events:none;background:url('garland-logo.webp') center top / 100% 100% no-repeat;filter:drop-shadow(0 4px 3px #0007)}
.menu-card{border-color:#624c32;box-shadow:inset 0 0 0 2px #fff5d066,8px 11px 0 #28180e55}
.menu-card::after{content:'✦';position:absolute;top:14px;right:15px;color:#a92f2c;font-size:16px;text-shadow:0 1px #f8d998}
.postcard-card{border-color:#faefd7}
.postcard-card .tape-left{background:#c2d0a6}
.postcard-card .tape-right{background:#ecc9ac}
.subpage-divider span{background:#174d42;border-color:#c9a65a}

/* Editorial paper, ads, and every interaction remain usable. */
.single-article-zone>.wrap{position:relative;z-index:2}
.swc-scrap-widget-kicker{background:#276b51}
.swc-magazine-body,.entry-content,.swc-scrap-widget,.single-entry{color:var(--swc-ink)}

/* Footer lights frame existing footer content, including legal / navigation. */
.site-footer{position:relative;overflow:hidden;padding-top:64px}
.swc-xmas-footer-garland{position:absolute;left:50%;top:-28px;width:min(1320px,100vw);max-width:none;transform:translateX(-50%);pointer-events:none;z-index:1;filter:drop-shadow(0 5px 4px #0008)}
.footer-grid,.footer-legal{position:relative;z-index:2}
.footer-brand-block::after{content:'🎄';display:inline-block;font-size:30px;margin-left:8px;transform:rotate(8deg)}

/* No decorations may impede mobile menus, article links, or sharing controls. */
@media(max-width:980px){
 .hero-logo::after{top:-4%;height:34%}
 .swc-xmas-bar-garland{top:-65px;width:100%}
 .swc-xmas-shelf-trim{top:-65px}
 .swc-xmas-shelf-presents,.swc-xmas-wall-wreath{display:none}
 .inner-brand::after{height:32%}
 .swc-xmas-dock-palm{width:140px;right:-28px}
}
@media(max-width:650px){
 .hero-logo::after{height:33%;top:-6%}
 .hero-nav{z-index:8}
 .bar-wall-section::before{height:90px}
 .swc-xmas-bar-garland{top:-48px}
 .bar-wall-section .swc-xmas-wall-pelican{width:105px;right:-23px;top:48px}
 .swc-xmas-shelf-trim{top:-58px;width:100%}
 .shelf-section::before{height:70px}
 .destination-sign-link::after{top:-16%;height:33%}
 .swc-xmas-random-trim{top:-85px;width:100%}
 .swc-xmas-dock-palm{display:none}
 .inner-site-header::after{content:none}
 .inner-brand::after{height:32%}
 .site-footer{padding-top:62px}
 .swc-xmas-footer-garland{width:130%;top:-12px}
 .footer-brand-block::after{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-logo,.hero-nav-link{transition:none}}

/* Vintage Christmas sign hung near the edge of the bar, above the shelf. */
.swc-xmas-bar-sign{position:absolute;z-index:6;right:-30px;bottom:-117px;width:min(310px,27vw);transform:rotate(-4deg);filter:drop-shadow(0 9px 8px #0009)}
@media(max-width:750px){.swc-xmas-bar-sign{display:none}}

/* 0.12.7 Christmas C4 — now actually right-size the clickable hero sign.
   Keep the original sign proportions and separate navigation intact. */
@media(min-width:1121px){
  .hero .hero-logo{width:min(32vw,480px);left:5vw;top:42px}
}
@media(min-width:901px) and (max-width:1120px){
  .hero .hero-logo{width:min(34vw,375px);left:4vw;top:42px}
}
@media(min-width:651px) and (max-width:900px){
  .hero .hero-logo{width:min(72vw,420px);top:18px}
}
@media(min-width:421px) and (max-width:650px){
  .hero .hero-logo{width:min(82vw,372px);top:16px}
}
@media(max-width:420px){
  .hero .hero-logo{width:86vw;top:13px}
}

/* Keep the functioning linked sign out of the normal document flow. */
.hero .hero-logo{position:absolute;display:block}