/* KLAPS · Studio 23: compact winter-brown premium harmony.
   Only new styling and derived decorative visuals; approved logo / hero / category pictures untouched. */
:root{--klaps-winter-gold:#d7a05a;--klaps-winter-copper:#986027;--klaps-winter-chocolate:#191109}

/* The two invitations are an elegant extension of the photo hero, not new giant blocks. */
.klaps-invitations{
  position:relative;isolation:isolate;gap:clamp(9px,1.05vw,15px);
  padding:clamp(10px,1.2vw,17px) 2.8%;
  background:linear-gradient(180deg,#0d0b08 0%,#1a1109 50%,#0c0b09 100%);
  border-top:1px solid #65401a;border-bottom:1px solid #69431f;
}
.klaps-invite{
  min-width:0;min-height:128px;padding:13px clamp(16px,2vw,28px);
  border:1px solid rgba(165,113,53,.69);border-radius:8px;
  background-image:
     linear-gradient(90deg,rgba(17,12,8,.99) 0%,rgba(22,15,8,.97) 38%,rgba(19,13,8,.70) 62%,rgba(18,11,6,.49) 100%),
     url("klaps-winter-b2b.8003e3684275.webp"),
     linear-gradient(120deg,#29190c,#100c08);
  background-size:100% 100%,auto 114%,100% 100%;
  background-repeat:no-repeat;
  background-position:center,right center,center;
  box-shadow:inset 0 1px 0 rgba(231,172,91,.06),0 2px 10px rgba(0,0,0,.28);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease;
}
.klaps-invite:nth-child(2){
  background-image:
     linear-gradient(90deg,rgba(17,12,8,.99) 0%,rgba(22,15,8,.97) 38%,rgba(19,13,8,.70) 62%,rgba(18,11,6,.49) 100%),
     url("klaps-winter-family.c4e96364182a.webp"),
     linear-gradient(120deg,#29190c,#100c08)
}
.klaps-invite::after{display:none}
.klaps-invite::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(90deg,rgba(211,143,61,.10),transparent 17%,transparent 75%,rgba(129,81,35,.12));}
.klaps-invite .klaps-kicker,.klaps-invite h2,.klaps-invite p,.klaps-invite .klaps-invite-link{position:relative;z-index:1}
.klaps-invite .klaps-kicker{color:#dfa965;font-size:9px;letter-spacing:.16em;line-height:1.25}
.klaps-invite h2{font:normal clamp(24px,2.25vw,32px)/1.08 Georgia,'Times New Roman',serif;
  color:#f3dfbf;margin:5px 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.klaps-invite p{font-size:11px;line-height:1.36;max-width:60%;color:#dac5aa;margin:0 0 7px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.klaps-invite .klaps-invite-link{font-size:9px;letter-spacing:.055em;color:#e9b16e}
.klaps-invite:is(:hover,:focus-visible){color:#f9dfb2;transform:translateY(-2px);
  border-color:#e0a350;filter:brightness(1.075);
  box-shadow:0 0 0 1px rgba(202,131,52,.42),0 0 23px rgba(190,104,24,.24),inset 0 0 13px rgba(190,121,44,.11)}
.klaps-invite:active{transform:translateY(0);filter:brightness(1.16)}

/* Soft continuous brown-gold transition for order status. Readability comes first. */
.klaps-order-emphasis{
  gap:clamp(8px,1.1vw,16px);
  border-top:1px solid rgba(205,140,61,.55);border-bottom:1px solid rgba(151,96,39,.61);
  background:radial-gradient(ellipse at 48% 50%,rgba(110,66,22,.16),transparent 57%),
             linear-gradient(100deg,#191209,#100d09 45%,#1c130a 100%);
  padding:10px 3%;min-height:82px;
}
.klaps-order-emphasis[data-order-stage] .availability{
  border:0;background:transparent;box-shadow:none;border-radius:0;
  padding:0;gap:8px;flex:0 1 auto;min-width:0;
}
.klaps-order-emphasis .availability strong{font:normal clamp(13px,1.45vw,19px)/1.2 Georgia,serif;
  letter-spacing:.045em;color:#f3dab1}
.klaps-order-emphasis .klaps-order-live-caption{font-size:8px;letter-spacing:.09em;color:#c8ac80;margin-left:0}
.klaps-order-emphasis .deadline{border-left:1px solid rgba(198,134,53,.51);padding-left:clamp(9px,1.4vw,24px);gap:10px}
.klaps-order-emphasis .deadline b{color:#e7ae69}
.klaps-order-emphasis .deadline small{color:#d2baa1}
.klaps-order-emphasis .gold-button{border-radius:8px;border-color:#d89842;
  box-shadow:0 0 9px rgba(216,128,35,.17),inset 0 1px 0 rgba(244,184,96,.1);
  transition:box-shadow .2s,background .2s,transform .2s;white-space:nowrap}
.klaps-order-emphasis .gold-button:is(:hover,:focus-visible){transform:translateY(-1px);
  box-shadow:0 0 0 1px rgba(241,165,67,.35),0 0 20px rgba(212,126,31,.32);
  background:linear-gradient(#62401d,#251509)}
.klaps-order-emphasis[data-order-stage='testing'] .availability strong{color:#dfc49f}
.klaps-order-emphasis[data-order-stage='closed'] .availability strong{color:#ad987f}
.klaps-order-emphasis[data-order-stage='live'] .availability strong{color:#ffdfa6;text-shadow:0 0 13px rgba(221,139,48,.27)}

/* Each existing category remains its own working link, with genuine feedback. */
.category-tiles{
  gap:clamp(7px,1vw,13px);padding:12px 2.4% 13px;
  background:linear-gradient(180deg,#0c0b09,#100c08 48%,#090807);
  border-top:1px solid rgba(142,88,37,.34);
}
.category-tiles>a{
  position:relative;isolation:isolate;display:block;min-width:0;overflow:hidden;
  border-radius:8px;
  box-shadow:0 1px 7px rgba(0,0,0,.42);
  transition:transform .23s ease,box-shadow .23s ease,filter .23s ease;
}
.category-tiles>a::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(196,125,46,.54);
  background:linear-gradient(160deg,rgba(250,174,76,.055),transparent 29%,transparent 74%,rgba(71,36,11,.13));}
.category-tiles>a img{display:block;border:0;border-radius:8px;
  transition:filter .25s ease,transform .3s ease}
.category-tiles>a:is(:hover,:focus-visible){transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(243,165,63,.72),0 0 23px rgba(216,120,29,.33),0 9px 18px rgba(0,0,0,.36)}
.category-tiles>a:is(:hover,:focus-visible) img{filter:brightness(1.11) contrast(1.035);transform:scale(1.023)}
.category-tiles>a:active{transform:translateY(0);filter:brightness(1.15)}
.category-tiles>a:focus-visible,.klaps-invite:focus-visible{outline:2px solid #edb466;outline-offset:3px}

/* Calm navigation highlight, no strobe, no forced animation. */
.klaps-special-nav{background:linear-gradient(90deg,#0c0a07,#1b130b 50%,#0c0a07)}
.klaps-special-nav a{transition:background .22s,color .22s,text-shadow .22s}
.klaps-special-nav a:is(:hover,:focus-visible),.klaps-special-nav a[aria-current='page']{
 background:linear-gradient(180deg,rgba(115,70,23,.18),rgba(134,83,32,.10));
 color:#ffe1ad;text-shadow:0 0 10px rgba(222,150,56,.28)}

@media(max-width:850px){
 .klaps-invite{min-height:126px;padding:12px 17px}
 .klaps-invite p{max-width:67%}
 .klaps-order-emphasis{padding:11px 3%}
}
@media(max-width:720px){
 .klaps-invitations{grid-template-columns:1fr;gap:8px;padding:9px 3% 12px}
 .klaps-invite{min-height:121px;padding:12px 16px;background-size:100% 100%,auto 112%,100% 100%}
 .klaps-invite h2{font-size:27px}
 .klaps-invite p{max-width:63%;font-size:10.5px}
 .klaps-order-emphasis{flex-wrap:wrap;min-height:0;gap:11px}
 .klaps-order-emphasis[data-order-stage] .availability{flex:1 1 170px}
 .klaps-order-emphasis .deadline{flex:1 1 155px;padding-left:10px}
 .klaps-order-emphasis .klaps-order-live-caption{font-size:8px}
 .category-tiles{padding:12px 3% 14px;gap:9px}
 .category-tiles>a{flex:0 0 auto}
}
@media(hover:none){
 .klaps-invite:hover,.category-tiles>a:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .klaps-invite,.category-tiles>a,.category-tiles>a img,.klaps-special-nav a,
 .klaps-order-emphasis .gold-button{transition:none!important;animation:none!important}
}