/*
Theme Name: Bykirken Vejle (Hello Elementor Child)
Theme URI: https://www.bykirken-vejle.dk
Description: Minimalt child theme til Hello Elementor. Designet bygges i Elementor, ikke i kode.
Author: Designrus
Template: hello-elementor
Version: 1.0.8
Text Domain: hello-elementor-child
*/

/* BYK-001: Elementor Button has no text-align control; wrapped mega-menu labels must start-align like Lovable (SiteNav.tsx:177). */
.e-n-menu-content .elementor-button{text-align:start}

/* Sticky header WITHOUT animation (theme_builder.header_elements): header A swaps its transparent row for the white scrolled row
   instantly once html.bk-scrolled is set (functions.php, > 24 px scroll). No transitions on any header element (A and B). */
.bk-hdr,.bk-hdr *{transition:none!important;transition-duration:0s!important}
.elementor .bk-hdr-scrolled{display:none!important}
html.bk-scrolled .elementor .bk-hdr-scrolled{display:flex!important}
html.bk-scrolled .elementor .bk-hdr-top{display:none!important}

/* Tap targets (mobil): tekstlinks bygget som Button-widgets uden padding (textlink / inline_link / backlink, "Se programmet",
   "Tilbage til ...") faar et usynligt hit-omraade paa mindst 44 px hoejde. Pseudo-elementet tager ingen plads, saa layoutet er uaendret;
   knapper der allerede er hoejere beholder deres egen hoejde (max()). */
@media (max-width:767px){
  .elementor-widget-button a.elementor-button{position:relative}
  .elementor-widget-button a.elementor-button::after{content:"";position:absolute;left:0;right:0;top:50%;height:max(100%,44px);transform:translateY(-50%)}
}
/* Logget ind: den faste header skal ligge under WP-adminbaren, ellers dækker baren menuen. */
body.admin-bar .bk-hdr{top:32px!important}
@media (max-width:782px){body.admin-bar .bk-hdr{top:46px!important}}
@media (max-width:600px){body.admin-bar .bk-hdr{top:0!important}html.bk-scrolled body.admin-bar .bk-hdr{top:0!important}}
/* Telefonnumre brydes ikke midt i nummeret. */
a[href^="tel:"]{white-space:nowrap}

/* BYK-HOVER: Elementor/Hello button:hover (lys tekst + blaa bg) laekkede ind paa kalenderens knapper -> X og "Luk" usynlige ved hover. */
.bk-kal button.bk-kal__x:hover,.bk-kal button.bk-kal__x:focus-visible,.bk-kal button.bk-kal__x:focus{background:rgba(9,22,40,.08);color:#091628;border:0}
.bk-kal .bk-kal__pill--outline:hover,.bk-kal .bk-kal__pill--outline:focus-visible{background:rgba(31,93,194,.06);color:#1f5dc2;border-color:#1f5dc2}
.bk-kal .bk-kal__pill--outline:focus:not(:focus-visible){background:transparent;color:#091628}
.bk-kal button.bk-kal__chip:not([aria-pressed="true"]):hover,.bk-kal button.bk-kal__chip:not([aria-pressed="true"]):focus{background:#fff;color:#091628;border-color:rgba(9,22,40,.4)}
.bk-kal button.bk-kal__chip[aria-pressed="true"]:hover,.bk-kal button.bk-kal__chip[aria-pressed="true"]:focus{background:#091628;color:#fff}
.bk-kal button.bk-kal__meta:hover,.bk-kal button.bk-kal__meta:focus{background:none;color:#1f5dc2}