/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.komet-bold-italic {
  font-family: "komet", sans-serif !important;
  font-weight: 500 !important;
  font-style: italic !important;
  font-synthesis: none !important;
}

.komet-semibold-italic {
  font-family: "komet", sans-serif !important;
  font-weight: 600 !important;
  font-style: italic !important;
  font-synthesis: none !important;
}

/* ===== Ouachita Refrigeration ===== */

/* Smooth anchor scrolling; keep section headings clear of the sticky header */
html {
  scroll-behavior: smooth;
}
#services, #about, #service-areas, #faqs, #contact {
  scroll-margin-top: 90px;
}
@media (max-width: 991px) {
  #services, #about, #service-areas, #faqs, #contact {
    scroll-margin-top: 125px; /* two-row header */
  }
}

/* Sticky header that stays in document flow (Bricks headerSticky = position:fixed overlay) */
#brx-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* Header responsive: below desktop the nav links move to a centered second row;
   both pills (Schedule + Call) stay visible at every width. */

/* Header items never wrap their own labels; tighten the 992-1120 squeeze zone */
#brx-header .brxe-text-link,
#brxe-hd0010,
#brxe-hd0011 {
  white-space: nowrap;
}
@media (min-width: 992px) and (max-width: 1120px) {
  #brxe-hd0004 { column-gap: 16px !important; }
  #brxe-hd0004 .brxe-text-link { font-size: 14px !important; }
  #brxe-hd0010, #brxe-hd0011 { font-size: 13px !important; }
}

/* Trust ribbon: keep the three items on one row through the 992-1279 range */
@media (min-width: 992px) and (max-width: 1279px) {
  #brxe-rb0005, #brxe-rb0008, #brxe-rb0011 { font-size: 15px !important; }
  #brxe-rb0004 i, #brxe-rb0007 i, #brxe-rb0010 i { font-size: 24px !important; }
}

/* Contact card: phone number stays on one line */
#brxe-ct0044 { white-space: nowrap; }
/* Town labels stay on one line on tablet+ (tiny phones may wrap them) */
@media (min-width: 479px) {
  #brxe-ar0005 .brxe-text-basic { white-space: nowrap; }
}

/* Footer legal links */
.brxe-ft0015 a {
  color: inherit;
  text-decoration: underline;
}
.brxe-ft0015 a:hover {
  color: #ffffff;
}

/* Form: side-by-side 50% fields on desktop (plugin width-50 class), stacked on phones */
.fas-form .fas-form-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.fas-form .fas-field.width-100 { width: 100%; }
.fas-form .fas-field.width-50 { width: calc(50% - 8px); }
@media (max-width: 600px) {
  .fas-form .fas-field.width-50 { width: 100%; }
}

/* FAQ accordion: red chevron sits at the right edge of the bar */
.brxe-fq0004 .accordion-title-wrapper {
  justify-content: space-between;
}

/* Heading separators may shrink on small screens instead of overflowing */
@media (max-width: 600px) {
  .brxe-heading .separator {
    flex-shrink: 1 !important;
    min-width: 16px;
  }
}