/*
Theme Name: Tango am Meer
Template: twentytwentyfive
Author: redcat media
Description: Gutenberg one-pager fuer Tango am Meer (Variante Hell), 1:1 nach Vorlage gemessen. Marcellus + Mulish, Werte aus dem Original-Render.
Version: 2.0.0
*/

/* --- Typo-Grundlinien --- */
body{font-family:"Mulish",system-ui,sans-serif;color:#14172E;font-size:17px;line-height:1.65;}
h1,h2,h3,h4{font-family:"Marcellus",Georgia,serif;font-weight:600;color:#14172E;letter-spacing:-0.01em;line-height:1.05;}

/* --- Pill (Hero, ueber Bild) --- */
.tam-pill{display:inline-block;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:6px 14px;
  font:400 11px/1 "Mulish",sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#fff;}

/* --- Eyebrow (Sektionslabel) --- */
.tam-eyebrow{font:700 12px/1 "Mulish",sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#2A27E6;margin:0 0 .6rem;}

/* --- Headlines --- */
h1.tam-h1{font-family:"Marcellus",serif;font-weight:600;font-size:clamp(3rem, 1.1rem + 6.4vw, 6.5rem)!important;
  letter-spacing:-0.01em;line-height:.98!important;color:#fff;margin:.4rem 0 1.2rem;}
h1.tam-h1 em{font-style:italic;color:#2A27E6;}
h2.tam-h2{font-family:"Marcellus",serif;font-weight:600;font-size:clamp(2.1rem, 1.2rem + 2.4vw, 3.25rem)!important;
  letter-spacing:-0.01em;line-height:1.05!important;margin:0;}
h2.tam-cta-h2{font-size:clamp(2.6rem, 1.3rem + 3.6vw, 4rem)!important;color:#fff;line-height:1.04!important;}

/* --- Text --- */
.tam-lead{font-size:clamp(1.05rem, .9rem + .5vw, 1.31rem);color:rgba(255,255,255,.9);font-weight:400;max-width:34em;}
.tam-body{font-size:17px;color:#586079;}
.tam-link{font:700 15px/1 "Mulish",sans-serif;color:#14172E;text-decoration:none;}
.tam-link:hover{color:#2A27E6;}

/* --- Cards (Willkommen-Features) --- */
.tam-card{background:#F3F5FB;border:1px solid #E1E6F2;border-radius:16px;padding:24px 26px;}
.tam-num{font-family:"Marcellus",serif;font-weight:600;font-size:30px;line-height:1;color:#2A27E6;}
.tam-feat-title{font:800 18px/1.2 "Mulish",sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#14172E;margin:.5rem 0 .4rem;}

/* --- Event-Cards (Kalender) --- */
.tam-event{background:#fff;border:1px solid #E1E6F2;border-radius:16px;padding:24px 26px;display:flex;gap:18px;align-items:flex-start;}
.tam-datebadge{flex:0 0 auto;text-align:center;border:1px solid #E1E6F2;border-radius:14px;padding:10px 14px;min-width:64px;background:#fff;}
.tam-date-day{font-family:"Marcellus",serif;font-weight:600;font-size:34px;line-height:1;color:#2A27E6;}
.tam-date-mon{font:400 11px/1.4 "Mulish",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#586079;}
.tam-date-type{font:700 10.5px/1 "Mulish",sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#2A27E6;margin-bottom:.35rem;}
.tam-event-title{font:700 16px/1.3 "Mulish",sans-serif;color:#14172E;margin:0 0 .35rem;}
.tam-event-meta{font:400 13.5px/1.4 "Mulish",sans-serif;color:#586079;}

/* --- Buttons (Pill-Form) --- */
.tam-cta .wp-block-button__link,.wp-block-button__link{border-radius:999px;font-family:"Mulish",sans-serif;font-weight:700;font-size:15px;letter-spacing:.02em;}
.is-style-glass>.wp-block-button__link{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.35);}

/* --- Footer --- */
.tam-foot-brand{font-family:"Marcellus",serif;font-weight:600;font-size:22px;letter-spacing:.02em;color:#fff;}
.tam-foot-label{font:700 12px/1 "Mulish",sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:.7rem;}
.tam-foot a,.tam-foot p{font-family:"Mulish",sans-serif;font-size:14px;color:rgba(255,255,255,.78);}
.tam-foot a:hover{color:#fff;}

/* --- Header --- */
.tam-nav a{font:600 15px/1 "Mulish",sans-serif;color:#14172E;text-decoration:none;}
.tam-nav a:hover{color:#2A27E6;}