/* KLG site design: sitewide layer. Loaded on every page. ASCII only in comments. */

/* 1. Typeface: Inter for body copy, Syne kept for headings (including Oxygen text blocks set as headings). */
body,p,li,dd,dt,label,input,textarea,select,button,.oxy-rich-text,.ct-text-block,.oxy-pro-menu-list a{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important}
h1,h2,h3,h4,h5,h6,h1.ct-text-block,h2.ct-text-block,h3.ct-text-block,h4.ct-text-block,.ct-headline,.head-above,.oxy-pro-accordion_title,.klgh h1,.klgh h2,.klgh h3{font-family:"Syne",sans-serif!important}

/* 2. Top bar: show both phone numbers on phones (they were hidden), tap to call. */
@media (max-width:767px){
  #section-23-10 #text_block-128-10,#section-23-10 #text_block-132-10{display:block!important;font-weight:600!important}
  #section-23-10 #image-127-10,#section-23-10 #image-131-10{display:none!important}
  #section-23-10 #div_block-124-10{justify-content:center!important;gap:18px!important}
  #section-23-10 .ct-link{gap:5px!important;flex-direction:row!important;align-items:center!important}
  #section-23-10 .ct-text-block{font-size:14px!important}
  #section-23-10 #text_block-126-10,#section-23-10 #text_block-130-10{opacity:.75}
}

/* 3. Enquiry form button: brand teal instead of the Gravity Forms default blue. */
.gform_wrapper .gform_footer .gform_button,.gform_wrapper input.gform_button[type=submit]{background:#0B7077!important;color:#fff!important;border:0!important;border-radius:999px!important;min-height:50px!important;padding:0 28px!important;font-size:16px!important;font-weight:600!important;box-shadow:none!important;cursor:pointer}
.gform_wrapper .gform_footer .gform_button:hover,.gform_wrapper input.gform_button[type=submit]:hover{background:#085a60!important}

/* 4. Keyboard focus that can be seen. */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #19B5BE!important;outline-offset:3px}

/* 5. Phone call bar (markup printed in the footer by the plugin). */
.klgsd-callbar{display:none}
@media (max-width:767px){
  .klgsd-callbar{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:9990;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(0,28,29,.97);border-top:1px solid rgba(255,255,255,.1)}
  .klgsd-callbar a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:999px;font:600 15.5px/1 "Inter",system-ui,sans-serif;text-decoration:none}
  .klgsd-callbar .call{color:#fff;border:2px solid rgba(255,255,255,.5)}
  .klgsd-callbar .review{background:#19B5BE;color:#001C1D;border:2px solid #19B5BE}
  .klgsd-callbar svg{width:18px;height:18px}
  body{padding-bottom:72px}
}

/* 6. Safety net for the OxyExtras FAQ accordions: if a page's Oxygen CSS ever loses the accordion styles,
      the icons stay small, only one shows at a time and answers start closed. Page-specific styling wins. */
.oxy-pro-accordion_inner,.oxy-pro-accordion_item{padding:0;margin:0;list-style-type:none}
.oxy-pro-accordion_header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;border:none;box-shadow:none;text-align:left;padding:0;font-family:inherit;color:inherit}
.oxy-pro-accordion_header svg{fill:currentColor;font-size:1em;height:1em;width:1em}
.oxy-pro-accordion_icon{display:flex;padding:20px;align-items:center;font-size:18px;position:relative}
.oxy-pro-accordion_inner[data-icon="switch"] .oxy-pro-accordion_close-icon{position:absolute;opacity:0}
.oxy-pro-accordion_inner[data-icon="switch"] .oxy-pro-accordion_item.active .oxy-pro-accordion_close-icon{opacity:1}
.oxy-pro-accordion_inner[data-icon="switch"] .oxy-pro-accordion_item.active .oxy-pro-accordion_toggle-icon{opacity:0}
.oxy-pro-accordion_title-area{display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:10px 20px;line-height:1.2}
.oxy-pro-accordion_body{display:none}
.oxy-pro-accordion_item[data-init="open"] .oxy-pro-accordion_body{display:block}
.oxy-pro-accordion_content{padding:1.5em;width:100%}

/* FAQ Centre (page 1266): the OxyExtras accordion counter shows "00" on every question; hide it (1.1.6). */
body.page-id-1266 .oxy-pro-accordion_context-icon{display:none}
