/*
Theme Name: Rick Weegels Artist
Theme URI: https://rickweegels.nl/
Author: Rick Weegels
Description: Premium artiestenwebsite voor Rick Weegels met een zelfstandige Two for You mini-site, agenda, boekingsformulieren, perskit en tweetalige content.
Version: 4.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rick-weegels
*/

/* Platform compatibility */
html { margin-top: 0 !important; }
body.admin-bar nav { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar nav { top: 46px; }
}
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; margin: -1px; overflow: hidden; padding: 0;
  position: absolute !important; width: 1px; word-wrap: normal !important;
}

/* Newsletter form processing */
.nl-consent {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--muted, #aaa);
  font-size: .78rem;
  line-height: 1.5;
  cursor: pointer;
  padding: 2px 4px 0;
}
.nl-form .nl-consent input[type="checkbox"] {
  appearance: auto;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  margin: 2px 0 0;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  accent-color: var(--gold, #d2a356);
}
.rw-hp {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.nl-status {
  min-height: 1.4em;
  margin-top: 14px;
  font-size: .84rem;
  font-weight: 600;
}
.nl-status:empty { display: none; }
.nl-status.is-loading { color: var(--gold-soft, #e6c58c); }
.nl-status.is-success { color: #8fd5a6; }
.nl-status.is-error { color: #ff9b9b; }
.nl-form .btn:disabled {
  opacity: .58;
  cursor: wait;
  transform: none;
}

/* Version 2.0 forms and mobile refinement */
.rw-booking-form{margin-top:24px}
.rw-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rw-form-grid label{display:flex;flex-direction:column;gap:7px;color:var(--ink,#ece6da);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.rw-form-grid input,.rw-form-grid select,.rw-form-grid textarea{width:100%;border:1px solid rgba(236,230,218,.18);border-radius:10px;background:rgba(7,7,10,.66);color:var(--ink,#ece6da);padding:13px 15px;font:400 .93rem/1.45 var(--body,"Archivo",sans-serif);text-transform:none;letter-spacing:0;outline:none;transition:border-color .25s,box-shadow .25s}
.rw-form-grid textarea{resize:vertical;min-height:118px}
.rw-form-grid input:focus,.rw-form-grid select:focus,.rw-form-grid textarea:focus{border-color:var(--gold,#d2a356);box-shadow:0 0 0 3px rgba(210,163,86,.1)}
.rw-form-wide{grid-column:1/-1}
.rw-form-consent{flex-direction:row!important;align-items:flex-start;gap:10px!important;color:var(--muted,#9a958b)!important;font-size:.76rem!important;line-height:1.55;text-transform:none!important;letter-spacing:0!important;font-weight:400!important}
.rw-form-consent input{width:17px!important;height:17px;flex:0 0 17px;margin-top:3px;padding:0!important;appearance:auto}
.rw-form-consent a{color:var(--gold-soft,#e6c688);text-decoration:underline;text-underline-offset:3px}
.rw-form-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.rw-booking-status{font-family:var(--body,"Archivo",sans-serif);font-size:.82rem;color:var(--muted,#9a958b);margin:0}
.rw-booking-status.is-success{color:#9fd9ad}.rw-booking-status.is-error{color:#f1a3a3}.rw-booking-status.is-sending{color:var(--gold-soft,#e6c688)}
.rw-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
button[disabled]{opacity:.65;cursor:wait}

@media(max-width:700px){
  .rw-form-grid{grid-template-columns:1fr}
  .rw-form-wide{grid-column:auto}
  .rw-form-actions .btn{width:100%;justify-content:center}
  .hero-tag,.phero .lead{font-size:1rem!important;line-height:1.55!important}
  .story-grid p.it,.prose p.it,blockquote{font-size:clamp(1.25rem,6.5vw,1.75rem)!important;line-height:1.48!important}
  .sec-title,h2{overflow-wrap:anywhere}
}


/* Prominent Two for You heading in the Rick Weegels navigation */
#nav:not(.tfy-nav) .nav-links a.nav-tfy-link{
  color:#ff82cf;
  font-weight:700;
  text-shadow:0 0 16px rgba(255,64,178,.18);
}
#nav:not(.tfy-nav) .nav-links a.nav-tfy-link::after{
  background:linear-gradient(90deg,#ff35ad,#ffad2c);
}
#nav:not(.tfy-nav) .nav-links a.nav-tfy-link:hover,
#nav:not(.tfy-nav) .nav-links a.nav-tfy-link:focus-visible{
  color:#ffb13b;
  text-shadow:0 0 20px rgba(255,95,185,.28);
}
@media(max-width:900px){
  #nav:not(.tfy-nav) .nav-links a.nav-tfy-link{
    color:#ff8fd5;
    font-size:1.05rem;
  }
}

/* v4 shared testimonial cards */
.rw-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.rw-testimonial-card{margin:0;padding:30px;border:1px solid rgba(210,163,86,.18);border-radius:12px;background:rgba(7,7,10,.54);position:relative;box-shadow:0 16px 42px rgba(0,0,0,.2)}
.rw-testimonial-mark{display:block;font-family:Georgia,serif;font-size:3.2rem;line-height:.7;color:var(--gold,#d2a356);opacity:.7;margin-bottom:14px}
.rw-testimonial-quote{font-family:var(--serif,Georgia,serif);font-size:1rem;line-height:1.7;color:var(--ink,#fff)}
.rw-testimonial-card footer{display:flex;flex-direction:column;gap:3px;margin-top:22px;border:0;padding:0;background:none}
.rw-testimonial-card footer strong{font-family:var(--display,Arial,sans-serif);font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}
.rw-testimonial-card footer span{font-size:.78rem;color:var(--muted,#aaa)}
@media(max-width:900px){.rw-testimonial-grid{grid-template-columns:1fr}}

/* calmer mobile typography and controls */
@media(max-width:640px){
  h1{font-size:clamp(2.35rem,13vw,3.6rem)!important;line-height:1.02!important;overflow-wrap:normal;word-break:normal}
  .sec-title,h2{font-size:clamp(1.85rem,9vw,2.65rem)!important;line-height:1.12!important;overflow-wrap:normal;word-break:normal}
  .lead{font-size:.98rem!important;line-height:1.65!important}
  .hero-tag{font-size:1rem!important;line-height:1.5!important}
  .btn{padding:13px 20px!important;letter-spacing:.14em!important;font-size:.7rem!important}
  blockquote{font-size:clamp(1.35rem,6.5vw,2rem)!important}
}
