/* ===============================
   GENERAL FIXES
================================= */

/* Prevent header logo from being rounded */
.sh-standard-logo,
.sh-standard-logo img,
.header-logo img {
  border-radius: 0 !important;
}

/* Hide Google+ icon */
.header-social a[href*="plus.google.com"],
.sh-header .sh-header-social a[href*="plus.google.com"],
a.sh-header-social__item[href*="plus.google.com"],
a.social-media-gplus {
  display: none !important;
}

/* Hide related posts */
.jp-relatedposts,
.related-posts {
  display: none !important;
}

/* Remove underlines sitewide */
a {
  text-decoration: none !important;
}

/* Apply underline ONLY in single blog posts */
body.single-post .entry-content a {
  color: #0073e6 !important;
  text-decoration: underline !important;
}


/* ===============================
   LMB LOGO (120px x 120px)
================================= */

/* Replace Gillion default logos (normal + sticky) */
img.sh-standard-logo,
img.sh-sticky-logo {
  content: url("https://lamiradablog.com/wp-content/uploads/2025/02/Untitled-design-5.svg") !important;
  width: 200px !important;
  height: 100px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}

/* Hide any text-logo fallback */
.sh-logo-text,
.logo-text,
.sh-standard-logo-text,
.sh-header-sticky .sh-logo-text,
.sh-sticky-header .sh-logo-text,
.sh-header-sticky .logo-text,
.sh-sticky-header .logo-text,
.sh-header-mobile .sh-logo-text,
.sh-header-mobile .logo-text {
  display: none !important;
}

/* Optional: tighten header spacing for square logo */
.sh-header .container,
.sh-header-sticky .container {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Remove Shufflehound credit block */
.sh-copyrights {
  display: none !important;
}

/* Add your branded footer bar */
.sh-footer::after {
  content: "© 2026 La Mirada Blog | The Voice of La Mirada Since 1993";
  display: block;
  text-align: center;
  padding: 18px 0;
  background-color: #8DB600;
  color: #ffffff;
  font-size: 14px;
}
/* ===== ONLY the top "Advertise" strip ===== */
.sh-header-top,
.sh-header-top .sh-nav-container,
.sh-header-topbar,
.sh-header-topbar .sh-nav-container {
  background-color: #8DB600 !important;
}

/* Top strip link color */
.sh-header-top a,
.sh-header-topbar a {
  color: #ffffff !important;
}

/* ===== MAIN header (logo + main menu) back to white ===== */
.sh-header,
.sh-header .sh-header-container,
.sh-header .sh-header-nav,
.sh-header .sh-nav-container {
  background-color: #ffffff !important;
}
/* Remove sidebar on single posts */
body.single-post .sh-sidebar {
  display: none !important;
}

/* Make content full width */
body.single-post .sh-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

/* Remove grid offset */
body.single-post .col-md-8,
body.single-post .col-lg-8 {
  width: 100% !important;
}
/* Remove post navigation switch block */
.post-switch,
.post-switch-item,
.post-navigation,
.sh-post-switch {
    display: none !important;
}
body.single-post .sh-post-author {
    display: none !important;
}

/* ============================
   FIX: Mobile nav is transparent
   (Gillion / Shufflehound)
   ============================ */

/* 1) The slide-out panel itself */
.sh-header-mobile-navigation,
.sh-header-mobile-nav,
.sh-nav-mobile,
.sh-nav-mobile-container,
.sh-nav-mobile ul,
.sh-nav-mobile .sh-nav,
.sh-header-mobile .sh-nav {
  background-color: #ffffff !important;
}

/* 2) The full-screen overlay behind the panel (dim layer) */
.sh-header-mobile-navigation-overlay,
.sh-nav-mobile-overlay,
.sh-mobile-nav-overlay,
.sh-side-menu-overlay {
  background: rgba(0,0,0,0.55) !important; /* adjust if you want darker/lighter */
}

/* 3) Mobile menu link colors so they are readable */
.sh-nav-mobile a,
.sh-header-mobile a {
  color: #111111 !important;
}

/* 4) Active / hover state (optional: use your LMB green) */
.sh-nav-mobile li.current-menu-item > a,
.sh-nav-mobile a:hover {
  color: #8DB600 !important;
}

/* 5) Make sure the menu sits above page content */
.sh-header-mobile-navigation,
.sh-nav-mobile {
  z-index: 999999 !important;
}

/* ============================
   MOBILE HAMBURGER MENU FONT FIX
   ============================ */

@media (max-width: 768px) {

  /* Main mobile menu links */
  .sh-nav-mobile a,
  .sh-header-mobile-navigation a,
  .sh-nav-mobile li a {
    font-size: 18px !important;     /* adjust 17–20px to taste */
    font-weight: 600 !important;
    letter-spacing: 0.5px;
  }

  /* Increase spacing between items */
  .sh-nav-mobile li {
    padding: 14px 0 !important;
  }

  /* Remove tight line-height compression */
  .sh-nav-mobile li a {
    line-height: 1.4 !important;
  }

}
/* ============================
   GILLION MOBILE HAMBURGER — FORCE LARGE (PRO MAX SAFE)
   ============================ */

@media (max-width: 980px) {

  /* Make the clickable box big */
  body nav#header-navigation-mobile ul.sh-nav > li > .sh-hamburger-menu.sh-nav-dropdown {
    width: 56px !important;
    height: 56px !important;
    padding: 14px !important;
    display: inline-block !important;
    position: relative !important;

    /* This is the key: scale it up so it stays big even if spans get reset */
    transform: scale(1.6) !important;
    transform-origin: center center !important;
  }

  /* Force lines to be visible and consistent */
  body nav#header-navigation-mobile ul.sh-nav > li > .sh-hamburger-menu.sh-nav-dropdown > span {
    position: absolute !important;
    left: 12px !important;
    width: 32px !important;
    height: 4px !important;            /* thickness */
    background-color: #111111 !important;
    opacity: 1 !important;
  }

  /* Line positions */
  body nav#header-navigation-mobile ul.sh-nav > li > .sh-hamburger-menu.sh-nav-dropdown > span:nth-child(1) { top: 14px !important; }
  body nav#header-navigation-mobile ul.sh-nav > li > .sh-hamburger-menu.sh-nav-dropdown > span:nth-child(2) { top: 24px !important; }
  body nav#header-navigation-mobile ul.sh-nav > li > .sh-hamburger-menu.sh-nav-dropdown > span:nth-child(3) { top: 34px !important; }
  body nav#header-navigation-mobile ul.sh-nav > li > .sh-hamburger-menu.sh-nav-dropdown > span:nth-child(4) { top: 44px !important; }
}