/* aw-fixes.css: layoutjusteringar efter flytten till Cloudflare (20/9 2026).
   Laddas sist i <head> på alla sidor. Ändrar bara presentation, inget innehåll. */

/* 1. Prislistor och scheman: pris/tid och rubrik på samma rad utan överlapp
      (originalet lyfte priset med margin-bottom:-28px, som krockar på smala skärmar) */
.wpb_text_column .wpb_wrapper:has(> p.paint-accent-color + p.color-title) {
  display: flex; flex-direction: row-reverse; justify-content: space-between;
  align-items: baseline; gap: 12px;
}
.wpb_text_column .wpb_wrapper > p.paint-accent-color:has(+ p.color-title) {
  margin: 0 !important; white-space: nowrap; flex: 0 0 auto;
}
.wpb_text_column .wpb_wrapper > p.paint-accent-color + p.color-title {
  margin: 0 !important; padding-right: 0 !important; flex: 1 1 auto; min-width: 0;
}
.wpb_text_column .wpb_wrapper > p.paint-accent-color + p.color-title * {
  white-space: normal !important; overflow-wrap: anywhere;
}

/* 2. Mobilmenyn: "Välkommen till SIMMIS Simskola!" större och centrerad, knappen centrerad */
.dt-mobile-header .mobile-mini-widgets-in-menu {
  display: flex !important; flex-direction: column; align-items: center; text-align: center;
  gap: 14px; padding-top: 24px;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .mini-contacts.clock {
  width: 100%; text-align: center; margin: 0 !important;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .mini-contacts.clock span {
  display: block !important; font-size: 22px !important; line-height: 1.3 !important; font-weight: 700;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .text-area {
  width: 100%; text-align: center; margin: 0 !important;
}

/* 3. Vanliga frågor: läsbar text på den blå bakgrunden */
.vc_tta-panel-heading .vc_tta-panel-title > a,
.vc_tta-panel-heading .vc_tta-title-text { color: #fff !important; }
.vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta-panel-heading .vc_tta-controls-icon::after { border-color: #fff !important; }

/* 4. Sidfoten: läsbar text och normal storlek på copyrightraden */
#footer .widget, #footer .widget p { color: #b9bbc1; }
#bottom-bar .wf-float-left { font-size: 14px !important; line-height: 1.5 !important; }

/* 5. Toppraden: luft mellan telefon och e-post */
.top-bar .mini-contacts.email { margin-left: 14px !important; }

@media (max-width: 778px) {
  /* 6. Säkrare3-texten låg kant i kant med skärmen */
  .wpb_text_column:has(h3[style*="0a5ca6"]) { padding-left: 20px; padding-right: 20px; }

  /* 7. Frågor och rutor: rimliga storlekar på mobil */
  .vc_tta-panel-heading .vc_tta-panel-title { font-size: 17px !important; line-height: 1.4 !important; }
  .vc_tta-panel-heading .vc_tta-panel-title > a { padding-top: 12px !important; padding-bottom: 12px !important; }
  .aio-icon-description.ult-responsive { font-size: 20px !important; line-height: 1.4 !important; }

}

/* 9. Datorskärm: sidopanelen och sidfotens innehåll låg kant i kant med fönstret (fanns i originalet) */
@media (min-width: 779px) {
  #main > .wf-wrap, #footer > .wf-wrap { padding-left: 40px !important; padding-right: 40px !important; box-sizing: border-box; }
  #footer > .wf-wrap { padding-left: 65px !important; padding-right: 65px !important; }
}

/* 10. Bildspelets rubrik SIMMIS: S:en i Simmis-blått i stället för svart (IMMI behåller sin röda färg) */
sr7-txt:has(> .simmis-red), rs-layer:has(> .simmis-red) { color: #0a5ca6 !important; }
