/*
Theme Name: Elevate
Theme URI: https://elevate-innsbruck.at
Author: Elevate Coworking & Community
Description: Block theme for Elevate Coworking & Community, Innsbruck. Warm retro palette, Cubano headlines, Farmhouse hand lettering.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elevate
*/

/* =========================================================
   Base
   ========================================================= */
body{ -webkit-font-smoothing:antialiased; }
img{ max-width:100%; height:auto; }

.ev-hand{
  font-family:var(--wp--preset--font-family--farmhouse);
  text-transform:none;
  letter-spacing:.005em;
  line-height:1.2;
  color:var(--wp--preset--color--coral);
  display:block;
  transform:rotate(-2deg);
  transform-origin:left center;
  margin-bottom:.2em;
}
.ev-hand-lg{ font-size:clamp(28px,4vw,42px); }
.ev-hand-md{ font-size:clamp(25px,3.2vw,33px); }
.ev-hand-sm{ font-size:clamp(22px,2.6vw,27px); }
.ev-on-dark .ev-hand{ color:var(--wp--preset--color--mustard); }

.ev-lede p{ max-width:56ch; }
.ev-punch{ font-weight:700; }

/* euro sign: Cubano has none, so it falls back to the body face */
.ev-eu{ font-family:var(--wp--preset--font-family--dm-sans); font-weight:600; }

/* =========================================================
   Header + footer
   ========================================================= */
.ev-header{ position:sticky; top:0; z-index:40; }
.ev-header .wp-block-site-logo img,
.ev-header img{ height:40px; width:auto; }
.ev-nav a{ text-decoration:none; font-weight:600; }
.ev-nav a:hover{ text-decoration:underline; text-underline-offset:4px; }

.ev-footer-logo img{ height:40px; width:auto; }
.ev-legal{ font-size:11.5px; line-height:1.75; }

/* =========================================================
   Buttons
   ========================================================= */
.wp-block-button__link{ border-radius:999px; font-weight:700; padding:12px 24px; }
.ev-btn-outline .wp-block-button__link{
  background:transparent; box-shadow:inset 0 0 0 2px currentColor;
}

/* =========================================================
   Checkerboard divider
   ========================================================= */
.wp-block-separator.ev-check{
  border:0; height:26px; margin:0; max-width:none; opacity:1;
  background-color:var(--wp--preset--color--cream);
  background-image:
    linear-gradient(45deg,var(--wp--preset--color--coral) 25%,transparent 25%,transparent 75%,var(--wp--preset--color--coral) 75%),
    linear-gradient(45deg,var(--wp--preset--color--coral) 25%,transparent 25%,transparent 75%,var(--wp--preset--color--coral) 75%);
  background-size:26px 26px;
  background-position:0 0,13px 13px;
}

/* =========================================================
   Marquee strip
   ========================================================= */
.ev-strip{ overflow:hidden; }
.ev-strip p{
  margin:0; white-space:nowrap; font-size:12.5px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase;
}
@media(max-width:781px){ .ev-strip p{ white-space:normal; line-height:2; } }

/* =========================================================
   Photo treatments
   ========================================================= */
.ev-tilt img{
  border:8px solid var(--wp--preset--color--cream);
  box-shadow:0 14px 30px rgba(42,42,30,.24);
  transform:rotate(2deg);
}
.ev-tilt-left img{ transform:rotate(-2deg); }
.ev-on-dark .ev-tilt img{ border-color:#F6F3E0; }

.ev-caption{
  font-family:var(--wp--preset--font-family--farmhouse);
  font-size:clamp(22px,2.6vw,27px);
  color:var(--wp--preset--color--coral);
  transform:rotate(-1.5deg);
  margin-top:.6em;
}
.ev-on-dark .ev-caption{ color:var(--wp--preset--color--mustard); }

/* collage: three photos, overlapping, slightly rotated */
.ev-collage{ position:relative; }
.ev-collage .wp-block-image{ margin:0; }
.ev-collage img{
  border:7px solid var(--wp--preset--color--cream);
  box-shadow:0 12px 26px rgba(42,42,30,.22);
  object-fit:cover; width:100%; display:block;
}
@media(min-width:600px){
  .ev-collage{ min-height:460px; }
  .ev-collage .wp-block-image{ position:absolute; }
  .ev-collage .wp-block-image:nth-child(1){ width:66%; left:0; top:0; transform:rotate(-3deg); z-index:2; }
  .ev-collage .wp-block-image:nth-child(1) img{ aspect-ratio:4/3; }
  .ev-collage .wp-block-image:nth-child(2){ width:42%; right:0; top:56px; transform:rotate(4deg); z-index:3; }
  .ev-collage .wp-block-image:nth-child(2) img{ aspect-ratio:3/4; }
  .ev-collage .wp-block-image:nth-child(3){ width:38%; left:9%; bottom:-6px; transform:rotate(2deg); z-index:4; }
  .ev-collage .wp-block-image:nth-child(3) img{ aspect-ratio:1/1; }
}
@media(max-width:599px){
  .ev-collage{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  .ev-collage .wp-block-image:nth-child(1){ grid-column:span 2; }
  .ev-collage img{ aspect-ratio:4/3; }
}

/* photo row with hand-written captions */
.ev-row .wp-block-column img{
  aspect-ratio:4/5; object-fit:cover; width:100%;
  border:7px solid #F6F3E0; box-shadow:0 10px 22px rgba(42,42,30,.22);
}
.ev-row .wp-block-column:nth-child(1) img{ transform:rotate(-2deg); }
.ev-row .wp-block-column:nth-child(2) img{ transform:rotate(1.4deg); }
.ev-row .wp-block-column:nth-child(3) img{ transform:rotate(-1deg); }
.ev-row .ev-caption{ text-align:center; display:block; }

/* =========================================================
   Lists
   ========================================================= */
.ev-list{ list-style:none; padding:0; margin-top:2em; }
.ev-list li{
  position:relative; padding:17px 0 17px 28px;
  border-bottom:2px solid rgba(246,243,224,.25);
}
.ev-list li::before{
  content:""; position:absolute; left:1px; top:26px;
  width:12px; height:12px;
  background:var(--wp--preset--color--coral); border-radius:3px;
  transform:rotate(45deg);
}
.ev-list li strong{
  font-family:var(--wp--preset--font-family--cubano);
  font-weight:400; font-size:20px; text-transform:uppercase; letter-spacing:.01em;
}
@media(min-width:782px){ .ev-list{ columns:2; column-gap:46px; } .ev-list li{ break-inside:avoid; } }
.ev-list-dark li{ border-color:rgba(42,42,30,.18); }

/* =========================================================
   Price cards (sticky notes)
   ========================================================= */
.ev-notes{ margin-top:3em; }
.ev-note{
  background:var(--wp--preset--color--cream);
  color:var(--wp--preset--color--ink);
  padding:28px 24px 24px !important;
  box-shadow:0 12px 26px rgba(42,42,30,.22);
  position:relative;
}
.ev-note::before{
  content:""; position:absolute; top:-11px; left:50%;
  transform:translateX(-50%) rotate(-2deg);
  width:94px; height:22px; background:rgba(234,120,72,.55);
}
.ev-notes .wp-block-column:nth-child(1) .ev-note{ transform:rotate(-1.6deg); }
.ev-notes .wp-block-column:nth-child(2) .ev-note{
  transform:rotate(1.2deg);
  background:var(--wp--preset--color--olive); color:#F6F3E0;
}
.ev-notes .wp-block-column:nth-child(3) .ev-note{ transform:rotate(-.8deg); }
.ev-note h3{ font-size:21px; margin:0; }
.ev-price{
  font-family:var(--wp--preset--font-family--cubano);
  font-size:54px; line-height:1; margin:.25em 0 0;
  color:var(--wp--preset--color--coral);
}
.ev-price .ev-eu{ font-size:34px; }
.ev-price small{ font-size:13px; font-weight:700; letter-spacing:.04em; opacity:.7; font-family:var(--wp--preset--font-family--dm-sans); }
.ev-note p{ font-size:16px; }

/* =========================================================
   Q & A
   ========================================================= */
.ev-qa h3{ font-size:20px; margin-bottom:.3em; }
.ev-qa p{ margin-top:0; }

/* =========================================================
   Contact card
   ========================================================= */
.ev-mail a{
  font-family:var(--wp--preset--font-family--cubano);
  font-size:clamp(22px,3.4vw,34px);
  text-decoration:none; word-break:break-word;
}
.ev-mail a:hover{ text-decoration:underline; text-underline-offset:6px; }

/* =========================================================
   Misc
   ========================================================= */
.ev-note-small{ font-size:14.5px; opacity:.78; }
.ev-sig{
  font-family:var(--wp--preset--font-family--farmhouse);
  font-size:36px; text-transform:none;
}
@media(prefers-reduced-motion:reduce){ *{ transition:none !important; } }

/* =========================================================
   Link colours on coloured sections
   ========================================================= */
.has-coral-background-color a{ color:var(--wp--preset--color--plum); }
.has-olive-background-color a,
.has-olive-d-background-color a,
.has-plum-background-color a,
.ev-on-dark a{ color:var(--wp--preset--color--mustard); }
.ev-notes + .ev-note-small{ margin-top:2.4em; }

/* =========================================================
   Sections are full-bleed bands; their inner content is
   constrained by theme.json (720 text / 1140 wide).
   ========================================================= */
.wp-site-blocks .wp-block-post-content > .wp-block-group{ max-width:none; }
h1,h2,h3{ overflow-wrap:break-word; word-break:normal; hyphens:none; }