/***** ========== SMALL UTILS YOU ALREADY LIKED ========== *****/

/* Tiny breathing room between logo and menu */
.attorna-header-container-inner .attorna-logo.attorna-item-pdlr { padding-right: 1px !important; }
.attorna-header-container-inner .attorna-navigation.attorna-item-pdlr { padding-left: 5px !important; }

/* About page photo float */
.about-photo{
  float: left;
  margin: 0 20px 20px 0;
  max-width: 250px;
  height: auto;
}

/***** ========== HEADER: TRIMMED & CENTERED (DESKTOP) ========== *****/

@media (min-width: 992px){

  /* Keep the outer header wrapper from adding stray space */
  .attorna-header-background{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 1) Reserve a **small** top band and REMOVE bottom padding
     (applies to BOTH normal and sticky headers) */
  .attorna-header-container,
  .attorna-sticky-navigation .attorna-header-container{
    position: relative;
    min-height: auto !important;
    padding-top: 6px !important;       /* lower = smaller ribbon (try 58–66px) */
    padding-bottom: 0 !important;       /* no extra bottom chunk */
  }

  /* Make sure the navigation row itself doesn’t push space down */
  .attorna-navigation-container,
  .attorna-sticky-navigation .attorna-navigation-container,
  .attorna-navigation,
  .attorna-sticky-navigation .attorna-navigation{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 2) Put the TWO LINES inside the top band (no height impact) */
  .attorna-header-container::after,
  .attorna-sticky-navigation .attorna-header-container::after{
    content: "COMPLETE SERVICE LAW";
    position: absolute; left: 50%; top: 50px;     /* raise/lower together with ::before */
    transform: translateX(-50%);
    font-family: Poppins, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .30em;
    color: #C5A46D;
    white-space: nowrap;
    line-height: 1;
    pointer-events: none;
    z-index: 1;
  }
  .attorna-header-container::before,
  .attorna-sticky-navigation .attorna-header-container::before{
    content: "A LAW FIRM SERVING DARIEN, STAMFORD, AND FAIRFIELD COUNTY";
    position: absolute; left: 50%; top: 95px;     /* ~28px under the gold line */
    transform: translateX(-50%);
    font-family: Poppins, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #000;
    white-space: nowrap;
    line-height: 1;
    pointer-events: none;
    z-index: 1;
  }

  /* 3) Keep logo & menu ABOVE the taglines and on one row */
  .attorna-logo,
  .attorna-sticky-navigation .attorna-logo,
  .attorna-navigation,
  .attorna-sticky-navigation .attorna-navigation{
    position: relative;
    z-index: 3;
  }
  .attorna-navigation .sf-menu,
  .attorna-sticky-navigation .attorna-navigation .sf-menu{
    display: block !important;
    float: right !important;
  }
  .attorna-navigation .sf-menu > li,
  .attorna-sticky-navigation .attorna-navigation .sf-menu > li{
    display: block !important;
    float: left !important;
  }
  .attorna-navigation .sf-menu > li > a,
  .attorna-sticky-navigation .attorna-navigation .sf-menu > li > a{
    padding: 1px 1px; /* tighten to prevent wrapping; tweak to 7px 9px if needed */
  }

  /* 4) Prevent the logo image from adding baseline gap/shrinking */
  .attorna-logo img,
  .attorna-sticky-navigation .attorna-logo img{
    display: block;
    height: auto;
    max-height: none !important;
  }
}

/* Optional: if you’re logged-in with admin bar, nudge a touch for visual parity */
@media (min-width: 782px){
  body.admin-bar .attorna-header-container::after,
  body.admin-bar .attorna-sticky-navigation .attorna-header-container::after{ top: 11px; }
  body.admin-bar .attorna-header-container::before,
  body.admin-bar .attorna-sticky-navigation .attorna-header-container::before{ top: 39px; }
}
/* Desktop sizes for the two header lines */
@media (min-width: 992px){
  /* GOLD line: "COMPLETE SERVICE LAW" */
  .attorna-header-container::after{
    font-size: 42px;        /* <-- adjust to taste (e.g., 20–26px) */
    line-height: 1.1;
  }

  /* BLACK line: "A LAW FIRM SERVING ..." */
  .attorna-header-container::before{
    font-size: 16px;        /* <-- adjust to taste (e.g., 11–14px) */
    line-height: 1.1;
  }
}

/* Optional: slightly smaller on large-laptop screens */
@media (max-width: 1200px){
  .attorna-header-container::after{ font-size: 18px; }
  .attorna-header-container::before{ font-size: 11px; }
}
/* Keep the menu BELOW the two centered lines on the live (non-sticky) header */
@media (min-width: 992px){
  /* make sure taglines sit where we expect on the non-sticky header */
  body:not(.attorna-sticky-navigation) .attorna-header-container::after{ top: 12px; }
  body:not(.attorna-sticky-navigation) .attorna-header-container::before{ top: 40px; }

  /* push the NAV row down under the taglines (doesn't touch the logo) */
  body:not(.attorna-sticky-navigation) .attorna-navigation-container{
    margin-top: 56px !important;   /* tweak 52–60px until it matches your editor */
  }

  /* prevent theme margins/padding from counteracting the push */
  body:not(.attorna-sticky-navigation) .attorna-navigation{ margin-top: 0 !important; padding-top: 0 !important; }
}

/* Desktop: fine-tune vertical placement of the two centered lines (non-sticky only) */
@media (min-width: 992px){
  /* GOLD line — "COMPLETE SERVICE LAW" */
  body:not(.attorna-sticky-navigation) .attorna-header-container::after{
    top: 45px !important;          /* ↑ increase to move DOWN, decrease to move UP */
    transform: translateX(-50%);   /* keep horizontally centered */
  }
  /* BLACK line — "A LAW FIRM SERVING ..." */
  body:not(.attorna-sticky-navigation) .attorna-header-container::before{
    top: 90px !important;          /* keep ~26–32px below the gold line */
    transform: translateX(-50%);
  }
}