/* GOIC mobile menu and social refinements - r5 */
@media (max-width: 767px) {
  /* full-screen drawer breathing room */
  [data-goic-mobile-drawer="true"],
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] {
    padding-inline: 1.1rem !important;
  }

  /* header subtitle spacing */
  [data-goic-mobile-drawer="true"] > div:first-child p.text-xs,
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] > div:first-child p.text-xs {
    margin-top: .28rem !important;
    line-height: 1.6 !important;
    font-size: .78rem !important;
    color: rgba(18,59,99,.58) !important;
  }

  /* navigation links slightly calmer */
  [data-goic-mobile-drawer="true"] div[class*="space-y-2"] a,
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] div[class*="space-y-2"] a {
    min-height: 52px !important;
    padding: .85rem 1rem !important;
    border-radius: .95rem !important;
    box-shadow: 0 8px 24px rgba(18,59,99,.045) !important;
  }

  /* WhatsApp CTA: smaller and more refined */
  [data-goic-mobile-drawer="true"] a[href*="wa.me/"],
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] a[href*="wa.me/"] {
    margin-top: .8rem !important;
    min-height: 50px !important;
    padding: .82rem 1rem !important;
    border-radius: 1rem !important;
    font-size: .94rem !important;
    line-height: 1.3 !important;
    box-shadow: 0 10px 22px rgba(201, 146, 19, .18) !important;
  }

  [data-goic-mobile-drawer="true"] a[href*="wa.me/"] svg,
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] a[href*="wa.me/"] svg {
    width: 1rem !important;
    height: 1rem !important;
  }

  /* social section title */
  [data-goic-mobile-drawer="true"] .pt-5 > p,
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] .pt-5 > p {
    display: block !important;
    width: 100% !important;
    margin: 0 0 .9rem !important;
    text-align: center !important;
    font-size: .84rem !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    color: rgba(18,59,99,.72) !important;
  }

  [data-goic-mobile-drawer="true"] .pt-5,
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] .pt-5 {
    margin-top: 1rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid rgba(18,59,99,.08) !important;
  }

  /* social cards as elegant compact chips */
  [data-goic-mobile-drawer="true"] div[class*="grid grid-cols-1 gap-2"],
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] div[class*="grid grid-cols-1 gap-2"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .7rem !important;
  }

  [data-goic-mobile-drawer="true"] div[class*="grid grid-cols-1 gap-2"] a,
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] div[class*="grid grid-cols-1 gap-2"] a {
    min-height: auto !important;
    padding: .8rem .45rem !important;
    border-radius: 1rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .42rem !important;
    text-align: center !important;
    background: rgba(255,255,255,.74) !important;
    border: 1px solid rgba(18,59,99,.09) !important;
    box-shadow: 0 8px 22px rgba(18,59,99,.04) !important;
    color: rgb(18,59,99) !important;
  }

  [data-goic-mobile-drawer="true"] div[class*="grid grid-cols-1 gap-2"] a:hover,
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] div[class*="grid grid-cols-1 gap-2"] a:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,.88) !important;
  }

  [data-goic-mobile-drawer="true"] div[class*="grid grid-cols-1 gap-2"] a > span:first-child,
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] div[class*="grid grid-cols-1 gap-2"] a > span:first-child {
    width: 2.4rem !important;
    height: 2.4rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(18,59,99,.10) !important;
    background: rgba(18,59,99,.03) !important;
    color: inherit !important;
  }

  [data-goic-mobile-drawer="true"] div[class*="grid grid-cols-1 gap-2"] a > span:first-child svg,
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] div[class*="grid grid-cols-1 gap-2"] a > span:first-child svg {
    width: 1rem !important;
    height: 1rem !important;
  }

  [data-goic-mobile-drawer="true"] div[class*="grid grid-cols-1 gap-2"] a > span:last-child,
  div[class*="md:hidden"][class*="fixed top-0"][class*="max-w-sm"][class*="h-screen"] div[class*="grid grid-cols-1 gap-2"] a > span:last-child {
    font-size: .75rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: rgba(18,59,99,.92) !important;
  }

  /* footer social icons calmer and aligned */
  footer a[aria-label="Facebook"],
  footer a[aria-label="LinkedIn"],
  footer a[aria-label="X"] {
    width: 2.55rem !important;
    height: 2.55rem !important;
    border-color: rgba(255,255,255,.18) !important;
    background: rgba(255,255,255,.08) !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
  }

  footer a[aria-label="Facebook"] svg,
  footer a[aria-label="LinkedIn"] svg,
  footer a[aria-label="X"] svg {
    width: .95rem !important;
    height: .95rem !important;
  }
}