/* events.css — everything below the shared shell. Loads after site.css. */

a{color:#E0912F}a:hover{color:#F5D021}
.wrap{position:relative;z-index:2}

.peye{font-family:'Bebas Neue',sans-serif;font-size:19px;letter-spacing:4px;color:#B0308A;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px}
.peye::before{content:"";width:30px;height:2px;background:currentColor}
.head{position:relative;padding:76px 0 30px;overflow:hidden}
.hglow{position:absolute;right:-8%;top:-40%;width:60%;height:160%;background:radial-gradient(ellipse at center,rgba(176,48,138,.2),transparent 62%);pointer-events:none;z-index:0}
.hglow2{position:absolute;left:-10%;bottom:-50%;width:50%;height:150%;background:radial-gradient(ellipse at center,rgba(224,145,47,.14),transparent 62%);pointer-events:none;z-index:0}
.ph1{font-family:'Playfair Display',serif;font-weight:800;font-size:clamp(49.5px,7.9vw,103.5px);line-height:.98;letter-spacing:-1.5px;margin:20px 0 0;max-width:15ch}
.ph1 em{font-style:italic;color:#E0912F}
.pintro{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(21.5px,2.7vw,29.5px);line-height:1.55;color:#c9b48d;max-width:40ch;margin:26px 0 0}
.psub{font-size:18.5px;line-height:1.7;color:#B7A98F;max-width:52ch;margin:20px 0 0}
.ph{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#241c16,#161109);border:1px solid rgba(198,144,42,.18);border-radius:14px;overflow:hidden;color:#8a7d68}
.ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#161109}
.ph::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:5px 5px;opacity:.5;pointer-events:none}
.ph-chip{position:absolute;top:12px;left:12px;font-family:'Bebas Neue',sans-serif;font-size:12px;letter-spacing:1.5px;padding:4px 9px;border-radius:5px;background:rgba(0,0,0,.45);color:#C6902A;border:1px solid rgba(198,144,42,.3);z-index:2}
.ph-body{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:24px;max-width:88%}
.ph-ic{width:32px;height:32px;opacity:.5}
.ph-cap{font-family:'Bebas Neue',sans-serif;font-size:13.5px;letter-spacing:1.1px;line-height:1.55;color:#9a8c74}
.banner{position:relative;z-index:2;margin:6px auto 0;max-width:1180px;padding:0 30px}
.bannerph{height:360px}
.bannerrim{position:absolute;inset:0;z-index:2;border-radius:14px;background:radial-gradient(110% 90% at 80% 18%,rgba(176,48,138,.28),transparent 48%),radial-gradient(90% 80% at 12% 92%,rgba(224,145,47,.2),transparent 55%);mix-blend-mode:screen;pointer-events:none}
.sec{position:relative;z-index:2;padding:80px 0}
/* A roomier spacer above the "what comes with the room" eyebrow now that Rewind
   is hidden (desktop/tablet; the phone value is set in the max-width:600 block). */
.sec:has(.incl){padding-top:104px}
.eyebrow{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:3px;color:#B0308A;text-transform:uppercase;display:inline-flex;align-items:center;gap:11px}
.eyebrow.g{color:#C6902A}
.eyebrow::before{content:"";width:26px;height:2px;background:currentColor;display:block}
.h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(36px,5vw,58.5px);line-height:1.03;letter-spacing:-.5px;margin:16px 0 0;color:#F3EBDD}
.lead{font-size:18.5px;line-height:1.7;color:#B7A98F;max-width:560px;margin:16px 0 0}
.uses{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.use{background:#160f0b;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:26px 24px;transition:transform .2s,border-color .2s}
.use:hover{transform:translateY(-4px);border-color:rgba(176,48,138,.4)}
.usen{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(176,48,138,.14);color:#B0308A;margin-bottom:16px}
.usen svg{width:19px;height:19px}
.useh{font-family:'Playfair Display',serif;font-weight:600;font-size:25px;color:#F3EBDD}
.used{font-size:16px;line-height:1.6;color:#B7A98F;margin-top:8px}
.incl{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.spec{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.specic{width:40px;height:40px;flex:none;border-radius:10px;background:rgba(224,145,47,.12);color:#E0912F;display:flex;align-items:center;justify-content:center}
.specic svg{width:20px;height:20px}
.spect{font-family:'Bebas Neue',sans-serif;font-size:20.5px;letter-spacing:1px;color:#F3EBDD}
.specd{font-size:16px;line-height:1.55;color:#B7A98F;margin-top:3px}
.book{position:relative;z-index:2}
.bookin{display:grid;grid-template-columns:minmax(0,0.82fr) minmax(0,1.18fr);gap:48px;align-items:start;padding:80px 0}
.bside .peye{color:#B0308A}
.bh{font-family:'Playfair Display',serif;font-weight:800;font-size:clamp(34px,4.5vw,52px);line-height:1.04;letter-spacing:-.5px;margin:16px 0 0;color:#F3EBDD}
.bp{font-size:18px;line-height:1.7;color:#B7A98F;margin:18px 0 0}
.bcontact{margin-top:26px;font-size:17px;line-height:1.9;color:#B7A98F}
.bcontact b{font-family:'Bebas Neue',sans-serif;letter-spacing:1.5px;color:#C6902A;font-weight:400;display:block;font-size:14.5px;margin-top:14px}
.peform{border:1px solid rgba(198,144,42,.24);border-radius:20px;padding:34px 34px 38px;background:linear-gradient(160deg,#1c1512,#120c09);box-shadow:0 30px 70px -40px rgba(224,145,47,.5)}
.pfh{font-family:'Playfair Display',serif;font-weight:700;font-size:35.5px;color:#F3EBDD;line-height:1.1}
.pfhs{font-size:18.5px;color:#B7A98F;margin:8px 0 24px;line-height:1.6}
.pevrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.pefld{display:flex;flex-direction:column;gap:7px;min-width:0}
.pefld.full{grid-column:1/-1}
.peflab{font-family:'Bebas Neue',sans-serif;font-size:16.5px;letter-spacing:1.8px;color:#C6902A}
.peinp{width:100%;min-width:0;background:#0E0B09;border:1px solid rgba(198,144,42,.28);border-radius:10px;padding:13px 14px;color:#F3EBDD;font-family:Inter,sans-serif;font-size:19px;transition:border-color .16s,box-shadow .16s}
.peinp:focus{outline:none;border-color:#B0308A;box-shadow:0 0 0 3px rgba(176,48,138,.2)}
.peinp::placeholder{color:#6f6656}
select.peinp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23C6902A' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
textarea.peinp{resize:vertical;min-height:84px}
.peerr{color:#E0912F;font-size:17px;margin:2px 0 14px;display:flex;align-items:center;gap:8px}
.pesub{width:100%;font-family:'Bebas Neue',sans-serif;font-size:26.5px;letter-spacing:2px;color:#0E0B09;background:linear-gradient(#E0912F,#C6902A);border:0;border-radius:12px;padding:16px;cursor:pointer;box-shadow:0 12px 30px -10px rgba(224,145,47,.7);transition:transform .16s}
.pesub:hover{transform:translateY(-2px)}
.pfnote{text-align:center;font-size:16.5px;color:#8a7d68;margin-top:14px}
.pok{text-align:center;padding:22px 10px}
.pokcat{width:56px;height:64px;color:#B0308A;margin:0 auto 6px}
.pokh{font-family:'Playfair Display',serif;font-weight:700;font-style:italic;font-size:40.5px;color:#F3EBDD;margin-top:10px}
.pokp{font-size:19.5px;line-height:1.7;color:#B7A98F;max-width:38ch;margin:14px auto 0}
.pokbtn{margin-top:22px;font-family:'Bebas Neue',sans-serif;font-size:20.5px;letter-spacing:1.6px;color:#B0308A;background:none;border:1px solid rgba(176,48,138,.5);border-radius:999px;padding:11px 22px;cursor:pointer;transition:background .16s,color .16s}
.pokbtn:hover{background:#B0308A;color:#fff}

@media(max-width:900px){.uses{grid-template-columns:1fr 1fr}.incl,.bookin{grid-template-columns:1fr}.pevrow{grid-template-columns:1fr}.bannerph{height:240px}}

/* Phone: the Rewind tiles stack into a single column (each tile already lays out
   icon → title → description top to bottom). */
@media(max-width:600px){
  .uses{grid-template-columns:1fr}
  /* Pull "private nights at Cattery" up closer to the sticky nav (was 76px). */
  .head{padding-top:28px}
  /* "What comes with the room" section: a larger spacer above its eyebrow on a
     phone (desktop uses the base .sec 80px top now that the inline padding-top:0
     is gone). Roomier bottom padding gives more space below the stained-glass
     image before "BOOK THE SPACE". */
  .sec:has(.incl){padding-top:48px;padding-bottom:44px}
  .bookin{padding-top:20px}
  /* Tighten the gap between the specs list and the stained-glass image below it
     (the .incl grid's 56px gap becomes the row gap when it stacks on a phone). */
  .incl{gap:28px}
  /* iOS Safari gives input[type=date] a native intrinsic width that ignores
     width:100%/min-width:0, so it overflows the panel. appearance:none lets the
     CSS width win. Scoped to phone so desktop keeps its native date picker. */
  input[type=date].peinp{-webkit-appearance:none;appearance:none}
  .peinp::-webkit-date-and-time-value{text-align:left;margin:0}
  /* Slightly smaller "Send inquiry" button on a phone. */
  .pesub{font-size:22px;padding:14px;letter-spacing:1.5px}
}