/* Love A Filipina — approved public-page palette, 2026-11-06.
   Scope: public page templates on filipinalove.online only.
   No stylesheets in the separate members.loveafilipina.com area are modified. */
:root {
  --laf-public-sky: #E5F3FF;
  --laf-public-blush: #FFF0F6;
  --laf-public-white: #FFFFFF;
  --laf-public-burgundy: #A71959;
  --laf-public-rose-border: #F2C5D8;
}
html, body { background-color: var(--laf-public-blush) !important; }
/* Keep the existing approved header/navigation artwork and its clickable icons. */
.laf-public-banner,
.laf-desktop-banner,
.laf-mobile-banner,
.laf-info-header,
#laf-approved-hero,
.laf-approved-hero,
.site-header.laf-info-header { background-color: var(--laf-public-sky) !important; }
/* Existing layout containers become light blush, not heavy pink panels. */
.laf-main,
.laf-imported-content,
.laf-page-container,
.laf-page-content,
main.laf-banner-page,
.laf-banner-page,
.laf-main-content { background-color: transparent !important; }
/* Established content cards are clean white with delicate rose outlines. */
.laf-frame,
.laf-romantic-card,
.laf-content-card,
.laf-section-card,
.laf-info-card,
.laf-service-card,
.laf-feature-card,
.laf-card {
  background-color: var(--laf-public-white) !important;
  border-color: var(--laf-public-rose-border) !important;
}
/* Maintain the familiar Love A Filipina accent color in framed headings. */
.laf-frame h1,
.laf-frame h2,
.laf-romantic-card h1,
.laf-romantic-card h2,
.laf-content-card h1,
.laf-content-card h2 { color: var(--laf-public-burgundy) !important; }
/* Login page: input and submit styling remain unchanged. */
.laf-mobile-top .laf-header-icon,
.laf-mobile-top .laf-menu-toggle { color: var(--laf-public-burgundy) !important; }
@media (max-width: 700px) {
  .laf-mobile-banner,
  .laf-mobile-top { background-color: var(--laf-public-sky) !important; }
}


/* LAF_VISIBLE_PUBLIC_HEADER_BLUE_V2 */

/* Actual visible public-page header */
html body header.site-header.laf-info-header {
    background: #E5F3FF !important;
    background-image: none !important;
    background-color: #E5F3FF !important;
}

/* Preserve the existing logo and navigation artwork */
html body header.site-header.laf-info-header > .brand,
html body header.site-header.laf-info-header > .header-actions,
html body header.site-header.laf-info-header > nav.desktop-menu {
    background-color: transparent !important;
    background-image: none !important;
}

/* Public-page background */
html body {
    background-color: #FFF0F6 !important;
}


/* LAF_APPROVED_LOGO_SWAP_20261106: public headers only. */
/* The desktop login and expanded mobile navigation contain a rasterized old logo.
   Cover ONLY that logo area and draw the approved transparent logo in its place. */
html body .laf-desktop-banner,
html body nav.mobile-menu .mobile-art { position: relative !important; }
html body .laf-desktop-banner::before,
html body nav.mobile-menu .mobile-art::before {
  content: '' !important; position: absolute !important; top: 0 !important;
  left: 0 !important; width: 34% !important; height: 100% !important;
  background: #E5F3FF !important; z-index: 2 !important;
  pointer-events: none !important;
}
html body .laf-desktop-banner::after,
html body nav.mobile-menu .mobile-art::after {
  content: '' !important; position: absolute !important; top: 0 !important;
  left: 7.6% !important; width: 25% !important; height: 100% !important;
  background: url('/assets/laf/brand/filipinalogo-20261106.png') center / contain no-repeat !important;
  z-index: 3 !important; pointer-events: none !important;
}
html body .laf-desktop-banner > a,
html body nav.mobile-menu .mobile-art .hotspots {
  z-index: 4 !important;
}