/*
 * Caymar Option 1 brand restoration.
 * Official existing Caymar palette: navy #0B1F3A; gold #D4A72C.
 * Loaded after original Nudge/Astro CSS. Does not affect any other page.
 * CAYMAR_OPTION1_BLUE_GOLD_BRAND_V1
 */
:root {
  --color-black: #0B1F3A;
  --color-char: #102D4A;
  --color-char-2: #163A63;
  --color-navy: #0B1F3A;
  --color-navy-deep: #07162B;
  --color-navy-soft: #C5D1DF;
  --color-orange: #D4A72C;
  --color-orange-hot: #E3BE55;
  --color-orange-ink: #87640F;
  --color-on-orange: #0B1F3A;
  --color-gold: #D4A72C;
  --color-gold-ink: #87640F;
  --color-on-gold: #0B1F3A;
  --color-secondary: #87640F;
  --color-ring: #87640F;
  --color-steel: #C5D1DF;
  --color-concrete: #F4F6F8;
  --color-muted: #F4F6F8;
  --color-muted-foreground: #526071;
  --color-foreground: #0B1F3A;
  --color-border: #DFE4EA;
}

/* Nudge's image overlay was hardcoded black, independent of its theme vars. */
.hero-shot[data-astro-cid-vtl3zn6b]::after {
  background: linear-gradient(
    to bottom,
    #0B1F3A00 35%,
    #0B1F3AD9 85%,
    #0B1F3A
  );
}
@media (min-width: 900px) {
  .hero-shot[data-astro-cid-vtl3zn6b]::after {
    background:
      linear-gradient(to right, #0B1F3A, #0B1F3AE0 22%, #0B1F3A40 55%, #0B1F3A1A),
      linear-gradient(to top, #0B1F3A99, #0B1F3A00 30%);
  }
}

.preview-language-switch {
  border-color: #D4A72C;
  background: #0B1F3A;
}
.preview-language-switch button[aria-pressed="true"] {
  background: #D4A72C;
  color: #0B1F3A;
}

/* Keep the visual design faithful to Option 1; change branding only. */

/* CAYMAR_OPTION1_LEGACY_HEADER_LOGO_V1
 * Same square Caymar logo used on the previous production site.
 * Fit inside the existing Nudge top bar on both mobile and desktop.
 */
.mark[data-astro-cid-ncnbr4b3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 0;
}
.mark[data-astro-cid-ncnbr4b3] .caymar-header-logo {
  display: block;
  width: 64px;
  height: 64px;
  max-width: 100%;
  object-fit: contain;
}
@media (max-width: 1023px) {
  .mark[data-astro-cid-ncnbr4b3] .caymar-header-logo {
    width: 52px;
    height: 52px;
  }
}

/* CAYMAR_OPTION1_SOCIAL_LINKS_V1: semantic links; no trackers or embeds. */
.caymar-division-social,
.caymar-social-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
}
.caymar-division-social {
  margin-top: 1.65rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(255,255,255,.18);
}
.caymar-division-social--light {
  margin-top: .6rem;
  padding-top: 0;
  border: 0;
}
.caymar-social-footer {
  margin-top: 1rem;
}
.caymar-social-caption {
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: #C5D1DF;
}
.caymar-division-social--light .caymar-social-caption {
  color: #526071;
}
.caymar-social-link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .5rem .7rem;
  min-height: 44px;
  max-width: 100%;
  border: 1px solid #D4A72C;
  border-radius: 4px;
  color: #fff;
  background: transparent;
  text-decoration: none;
  font-size: .92rem;
  font-weight: 600;
  overflow-wrap: anywhere;
  transition: background-color .16s ease, color .16s ease;
}
.caymar-social-link:hover,
.caymar-social-link:focus-visible {
  background: #D4A72C;
  color: #0B1F3A;
}
.caymar-social-link .caymar-social-svg {
  flex: 0 0 auto;
}
.caymar-division-social--light .caymar-social-link {
  color: #0B1F3A;
}
@media (max-width: 480px) {
  .caymar-social-footer .caymar-social-caption,
  .caymar-division-social .caymar-social-caption {
    flex-basis: 100%;
  }
}

/* CAYMAR_OPTION1_SOCIAL_FOOTER_FOUR_V2
 * All four James-provided Instagram profiles remain readable on phones.
 * The former Solar link occupied a squeezed flex column: use two real columns
 * for the description and a full-width row below it.
 */
.div-inner[data-astro-cid-iloj7sv6] {
  display: grid;
  grid-template-columns: 10px minmax(0,1fr);
  align-items: start;
  gap: .75rem 1rem;
}
.div-inner[data-astro-cid-iloj7sv6]::before {
  grid-column: 1;
  grid-row: 1;
  margin-top: .35rem;
}
.div-inner[data-astro-cid-iloj7sv6] > p {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}
.div-inner[data-astro-cid-iloj7sv6] > .caymar-division-social--light {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  width: 100%;
  justify-content: flex-start;
}
.caymar-division-social--light .caymar-social-caption {
  flex-basis: 100%;
}
.caymar-division-social--light .caymar-social-link {
  flex: 0 1 auto;
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
  white-space: nowrap;
}
.caymar-social-footer {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: stretch;
  gap: .75rem;
}
.caymar-social-footer .caymar-social-caption {
  grid-column: 1 / -1;
}
.caymar-social-footer .caymar-social-link {
  min-width: 0;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  overflow-wrap: normal;
  word-break: normal;
  font-size: clamp(.78rem,1.8vw,.92rem);
}
@media (max-width: 640px) {
  .caymar-social-footer {
    grid-template-columns: minmax(0,1fr);
  }
}

/* CAYMAR_OPTION1_FACEBOOK_ROOFING_V1
 * Facebook joins Roofing Instagram without disrupting existing profiles.
 * Single-column mobile footer keeps both links readable.
 */
.caymar-social-link--facebook {
  text-align: left;
  line-height: 1.3;
}
.caymar-social-link--facebook .caymar-social-svg {
  width: 20px;
  height: 20px;
  color: #D4A72C;
}
.caymar-social-link--facebook:hover .caymar-social-svg,
.caymar-social-link--facebook:focus-visible .caymar-social-svg {
  color: #0B1F3A;
}
.caymar-social-link--facebook span {
  min-width: 0;
}

/* CAYMAR_OPTION1_DIVISION_LINKS_V1
 * Expose new landing pages in existing Option 1 without shifting layout.
 */
.caymar-division-page-link {
  color: #0B1F3A;
  font-weight: 800;
  text-underline-offset: 3px;
  text-decoration-color: #D4A72C;
}
.caymar-division-page-link:hover {
  color: #87640F;
}
.bar nav[data-astro-cid-ncnbr4b3] ul[data-astro-cid-ncnbr4b3] {
  scrollbar-width: thin;
}

/* CAYMAR_OPTION1_OFFICIAL_DBPR_VERIFICATION_V1
 * Plain, unambiguous link to the Florida DBPR license search.
 * Does not represent any third-party license as owned by Caymar.
 */
.cred-licence .caymar-dbpr-link {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  gap: .4rem;
  margin-top: .65rem;
  padding: .5rem .7rem;
  border: 1px solid #D4A72C;
  border-radius: 4px;
  color: #E3BE55;
  font-size: .9rem;
  line-height: 1.4;
  font-weight: 700;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.caymar-dbpr-footer {
  margin: .55rem 0 0;
}
.caymar-dbpr-footer .caymar-dbpr-link {
  display: inline-flex;
  gap: .4rem;
  color: #E3BE55;
  font-size: .88rem;
  line-height: 1.5;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.caymar-dbpr-link:hover,
.caymar-dbpr-link:focus-visible {
  color: #FFFFFF;
  text-decoration: underline;
}

/* CAYMAR_HORIZONTAL_NAVIGATION_V1
 * Keep the original Option 1 action row above a swipeable link row.
 */
#caymar-option1-main-nav ul {
  justify-content: safe end;
  overflow-x: auto;
}
#caymar-option1-main-nav li { flex: 0 0 auto; }

@media (max-width: 1399px) {
  :root { --rail-h: 112px; }
  .bar-inner[data-astro-cid-ncnbr4b3] {
    flex-wrap: wrap;
    column-gap: .5rem;
  }
  .bar .bar-actions[data-astro-cid-ncnbr4b3] {
    order: 2;
    margin-inline-start: auto;
    gap: .4rem;
  }
  #caymar-option1-main-nav {
    order: 3;
    flex: 1 0 100%;
    border-top: 1px solid rgb(255 255 255 / .12);
  }
  #caymar-option1-main-nav ul {
    justify-content: safe center;
    gap: .1rem;
    scrollbar-width: thin;
    scrollbar-color: #D4A72C transparent;
  }
  #caymar-option1-main-nav a {
    min-height: 44px;
    padding-inline: .45rem;
    font-size: .8125rem;
  }
  .bar .bar-action[data-astro-cid-ncnbr4b3] {
    display: inline-flex;
    font-size: clamp(.62rem, 2.35vw, .9rem);
    padding-inline: clamp(.3rem, 1vw, .8rem);
  }
  .bar .bar-tel[data-astro-cid-ncnbr4b3] {
    min-width: 40px;
    padding-inline: .4rem;
  }
  .bar .bar-tel-num[data-astro-cid-ncnbr4b3] { display: none; }
}