/* Coach Lykke feature CSS: WPForms booking and contact forms, flatpickr and timepicker. Loaded only on pages with a WPForms form (WPCode snippet CLE feature CSS). Source: phase 2b 16/10/2026. Edit the file, not the pages. */
.wpforms-container .wpforms-form :is(input:not([type=checkbox],[type=radio],[type=submit],[type=button],[type=hidden]),select,textarea){--cle-field-background:transparent;--cle-field-color:#fff;--cle-field-shadow:none;background-color:var(--cle-field-background)!important;color:var(--cle-field-color)!important;border-color:#fff!important;box-shadow:var(--cle-field-shadow)!important;transition:none!important}
.wpforms-container .wpforms-form :is(input:not([type=checkbox],[type=radio],[type=submit],[type=button],[type=hidden]),select,textarea):focus{--cle-field-background:#fff;--cle-field-color:#000;--cle-field-shadow:0 0 0 1000px #fff inset}
.wpforms-container .wpforms-form input:is(:-webkit-autofill,:autofill):not(:focus){background-clip:text!important}
.wpforms-container .wpforms-form :is(input,textarea)::placeholder{color:var(--cle-field-color,#fff)!important;opacity:1!important}
.wpforms-container .wpforms-form li:has(>input[type=radio]){align-items:center!important;gap:10px!important}
.wpforms-container .wpforms-form input[type=radio]{cursor:pointer;position:static!important;flex-shrink:0!important;flex-basis:18px!important;height:18px!important;min-width:18px!important;margin-top:0!important;margin-left:0!important;border-width:1px!important;border-style:solid!important;border-color:#fff!important}
.wpforms-container .wpforms-form input[type=radio]+label{position:static!important;padding-left:0!important;color:#fff!important;line-height:1.6!important}
.wpforms-container .wpforms-form input[type=radio]::before,.wpforms-container .wpforms-form input[type=radio]::after{content:none!important}
.wpforms-container .wpforms-form input[type=radio]:checked{background-image:radial-gradient(circle,#fff 0,#fff 4px,transparent 4.5px)!important}
.wpforms-container .wpforms-form :is(input[type=radio],input[type=checkbox]):focus-visible{outline:#fff solid 2px!important;outline-offset:4px!important}
.wpforms-container .wpforms-form :is(input[type=radio],input[type=checkbox]):disabled,.wpforms-container .wpforms-form :is(input[type=radio],input[type=checkbox]):disabled+label{opacity:.5;cursor:not-allowed}
div.wpforms-container .wpforms-form .wpforms-field-html.cle-form-heading{padding:30px 0 6px!important}
div.wpforms-container:where(#wpforms-21416,#wpforms-21283,#wpforms-19626) .wpforms-form .wpforms-field-container>.cle-form-heading:first-child{padding-top:0!important}
.wpforms-form .wpforms-submit-container{margin-top:30px!important}
.wpforms-form .cle-pris-total{margin-top:12px;font-weight:700;line-height:1.4}


.ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-disabled{display:none!important}
.flatpickr-calendar.cle-booking-calendar .flatpickr-day.flatpickr-disabled,.flatpickr-calendar.cle-booking-calendar .flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#b8b8b8!important;background:transparent!important;border-color:transparent!important}
div.wpforms-container:where(#wpforms-21416,#wpforms-21283,#wpforms-19626) .wpforms-form,div.wpforms-container:where(#wpforms-21416,#wpforms-21283,#wpforms-19626) .wpforms-form *,div.wpforms-container:where(#wpforms-21416,#wpforms-21283,#wpforms-19626) .wpforms-form :is(input,textarea)::placeholder,div.wpforms-container:where(#wpforms-21416,#wpforms-21283,#wpforms-19626) .wpforms-confirmation-container-full,div.wpforms-container:where(#wpforms-21416,#wpforms-21283,#wpforms-19626) .wpforms-confirmation-container-full *,.ui-timepicker-wrapper .ui-timepicker-list,.ui-timepicker-wrapper .ui-timepicker-list li{font-size:.95rem!important}
div.wpforms-container:where(#wpforms-21416,#wpforms-21283,#wpforms-19626) .wpforms-form .wpforms-field{padding-top:0!important}
div.wpforms-container:where(#wpforms-21416,#wpforms-21283,#wpforms-19626) .wpforms-form .wpforms-field-label{margin-bottom:6px!important}
div.wpforms-container-full:where(#wpforms-12183,#wpforms-3423,#wpforms-19740,#wpforms-3874,#wpforms-74) :is(.wpforms-field-label,.wpforms-field-label-inline:not(input[type=radio]+label),.wpforms-field-description,.wpforms-error,.wpforms-confirmation-container-full){font-size:.85rem!important}

div.wpforms-container-full:where(#wpforms-12183,#wpforms-3423,#wpforms-19740,#wpforms-3874,#wpforms-74) .wpforms-form .cle-pris-linje{font-size:.9rem}
div.wpforms-container-full:where(#wpforms-12183,#wpforms-3423,#wpforms-19740,#wpforms-3874,#wpforms-74) .wpforms-form .cle-pris-total{font-size:1.3rem}
div.wpforms-container-full:where(#wpforms-12183,#wpforms-3423,#wpforms-19740,#wpforms-3874,#wpforms-74) .wpforms-form input[type=hidden]{--cle-field-background:transparent;--cle-field-color:#fff;--cle-field-shadow:none;background-color:var(--cle-field-background)!important;color:var(--cle-field-color)!important;border-color:#fff!important;box-shadow:var(--cle-field-shadow)!important;transition:none!important}
/* =====================================================================
   cle-cta-forms.css · Design 29/10 2026 · FORSLAG (ikke live)
   Thomas 29/10 kl. 08:06: «… CTA-knap her under wattzoner, men også i ALLE
   WP Forms har fuldstændig samme CSS-style / udseende som vores øvrige
   CTA-knapper på sitet. Gælder også ved hover.»
   Kilde for stilen (målt live 29/10, ?cle_nocache=1):
     global-styles  :root :where(.wp-block-button .wp-block-button__link)  (2 regler)
     global-styles  .wp-block-button:not(.is-style-outline)>.wp-block-button__link:not(.has-background):hover,:focus-visible
     theme style.css .wp-element-button{transition:background-color .15s ease}
   Inputfelter røres IKKE. Kun submit-/beregnerknapper.
   ===================================================================== */

/* ---------- DEL A: alle WPForms (erstatter de 3 knapregler i cle-forms-bucket) ----------
   Specificitet (0,5,2) slår WPForms' egne (højst 0,4,2: button[type=submit]:not(:hover):not(:active)).
   Kun ét !important (font-size, begrundet nedenfor), NÅR de gamle !important-regler i cle-forms fjernes (se FORSLAG-WEBCODE.md). */
div.wpforms-container.wpforms-container-full form.wpforms-form :is(.wpforms-submit,.wpforms-page-button)[type]{
  display:inline-block;width:auto;height:auto;min-height:0;margin:0;
  -webkit-appearance:none;appearance:none;
  padding:13px 22px;
  font-family:var(--wp--preset--font-family--rubik,Rubik,sans-serif);
  font-size:1rem!important; /* !important ENESTE: cle-forms har «#wpforms-21416/21283/19626 .wpforms-form *{font-size:.95rem!important}» (book/samtale, book/svømmeteknik, /kontakt/) – kun !important kan slå en !important-regel; = --wp--preset--font-size--medium (clamp 1rem…1rem) */
  font-style:normal;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none;text-shadow:none;text-decoration:none;
  color:var(--wp--preset--color--secondary,#fff);
  background-color:var(--wp--preset--color--custom-dark-green,#5d6455);
  background-image:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 100%);
  border:0;border-radius:2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 12px rgba(0,0,0,.12);
  outline:0;cursor:pointer;
  transition:background-color .15s ease;
}
div.wpforms-container.wpforms-container-full form.wpforms-form :is(.wpforms-submit,.wpforms-page-button)[type]:is(:hover,:active,:focus-visible){
  background-color:#808e6e;color:var(--wp--preset--color--secondary,#fff);
}
/* Fokusring: CTA'ens 1px #667258 giver kun ca. 1,5:1 mod de mørke formularbaggrunde → hvid 2px (WCAG 1.4.11 ≥ 3:1). WPForms' egen ::after-ring slås fra, så der ikke er to ringe. */
div.wpforms-container.wpforms-container-full form.wpforms-form :is(.wpforms-submit,.wpforms-page-button)[type]:focus-visible{outline:2px solid #fff;outline-offset:2px}
div.wpforms-container.wpforms-container-full form.wpforms-form :is(.wpforms-submit,.wpforms-page-button)[type]:focus::after{content:none;display:none}
/* Afsender/disabled (WPForms sætter disabled + .wpforms-disabled under afsendelse): nedtonet, ingen hover */
div.wpforms-container.wpforms-container-full form.wpforms-form :is(.wpforms-submit,.wpforms-page-button)[type]:is(:disabled,.wpforms-disabled),
div.wpforms-container.wpforms-container-full form.wpforms-form :is(.wpforms-submit,.wpforms-page-button)[type]:is(:disabled,.wpforms-disabled):hover{
  background-color:var(--wp--preset--color--custom-dark-green,#5d6455);opacity:.6;cursor:default;
}