/* ===========================================================================
   LAGAI brand stylesheet — overrides Astra defaults to match the
   Cape Verde Welcome Experience design system.
   =========================================================================== */

/* Variable names kept from v1 so existing rules keep working,
   but values are the navy/blue/black/white palette: */
:root{
  --lagai-teal:#1E40AF;       /* primary navy            */
  --lagai-teal-deep:#0A1F44;  /* deep navy / near-black  */
  --lagai-sand:#F1F5F9;       /* pale slate band         */
  --lagai-paper:#FFFFFF;      /* pure white background   */
  --lagai-ink:#0A0A0A;        /* body text near-black    */
  --lagai-coral:#3B82F6;      /* bright blue CTA accent  */
  --lagai-line:rgba(10,31,68,0.12);

  /* Convenience aliases under their semantic names: */
  --lagai-navy:#1E40AF;
  --lagai-navy-deep:#0A1F44;
  --lagai-blue:#3B82F6;
  --lagai-blue-bright:#60A5FA;
  --lagai-white:#FFFFFF;
  --lagai-black:#0A0A0A;
  --lagai-pale:#F1F5F9;
}

html, body{
  background:var(--lagai-paper);
  color:var(--lagai-ink);
  font-family:'Inter','Helvetica Neue',Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,h5,h6,
.entry-title,
.site-title,
.wp-block-heading{
  font-family:'Fraunces','Playfair Display',Georgia,serif !important;
  font-weight:600;
  letter-spacing:-0.01em;
}

/* Site header — keep it clean and on-brand */
.ast-primary-header-bar,
.main-header-bar{
  background:rgba(250,247,241,0.94) !important;
  border-bottom:1px solid var(--lagai-line) !important;
  backdrop-filter:blur(8px);
}
.main-header-menu .menu-item > a,
.ast-primary-menu-disabled .site-primary-header-wrap .ast-mobile-header-wrap{
  font-family:'Inter',sans-serif !important;
  font-size:13.5px;
  letter-spacing:0.01em;
}
.main-header-menu .current-menu-item > a{
  color:var(--lagai-coral) !important;
  border-bottom:2px solid var(--lagai-coral);
}
.main-header-menu .menu-item > a:hover{
  color:var(--lagai-teal-deep) !important;
}
.site-title a,
.site-title a:focus,
.site-title a:hover{
  color:var(--lagai-ink) !important;
  font-size:18px;
  letter-spacing:0.04em;
}
.site-title a strong,
.site-title a span{
  color:var(--lagai-teal);
}

/* Header CTA button (use the .ast-button class on a single menu item) */
.main-header-menu .ast-button-wrap .ast-custom-button{
  background:var(--lagai-teal) !important;
  color:var(--lagai-paper) !important;
  border-radius:2px !important;
  padding:9px 18px !important;
  font-weight:500;
}
.main-header-menu .ast-button-wrap .ast-custom-button:hover{
  background:var(--lagai-teal-deep) !important;
}

/* Default WP buttons get the LAGAI palette */
.wp-block-button__link{
  background-color:var(--lagai-coral) !important;
  color:var(--lagai-paper) !important;
  border-radius:2px !important;
  font-weight:500;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  background-color:transparent !important;
  border:1px solid var(--lagai-ink) !important;
  color:var(--lagai-ink) !important;
}

/* Footer */
.site-footer{
  background:var(--lagai-paper);
  border-top:1px solid var(--lagai-line);
  color:#475569;
  font-size:12.5px;
}
.site-footer a{color:var(--lagai-teal-deep);}

/* Astra default page padding can fight the shortcodes — give them room */
.entry-content > .lagai-scope{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.entry-content > .lagai-scope > section,
.entry-content > .lagai-scope > div{
  margin-left:0;
  margin-right:0;
}

/* ===== Full-bleed enforcement for LAGAI pages =====
   Astra wraps page content in .ast-container with a max-width.
   On any page that contains a LAGAI shortcode we want the shortcode
   to span the full viewport. The lagai-fullbleed body class is added
   by the child theme's functions.php; these rules also work as a
   universal fallback on any page using .lagai-scope. */
body.page .ast-container,
body.page #primary,
body.page .site-content > .ast-container,
body.page .entry-content,
body.lagai-fullbleed .ast-container,
body.lagai-fullbleed #primary,
body.lagai-fullbleed .entry-content,
body.lagai-fullbleed .ast-article-single{
  max-width:100% !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

body.page .ast-article-single,
body.lagai-fullbleed .ast-article-single{
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Hide the duplicate Astra page title since the LAGAI shortcodes
   carry their own heroes / mastheads. */
body.page:has(.lagai-scope) .entry-header,
body.lagai-fullbleed .entry-header{
  display:none !important;
}

/* Snap the hero / masthead right against the header */
.lagai-scope > .lagai-hero,
.lagai-scope > .lagai-mast{
  margin-top:0 !important;
}

/* Keep the inner content wraps readable */
.lagai-scope .wrap{
  max-width:1120px;
  margin:0 auto;
  padding-left:32px;
  padding-right:32px;
}

/* Forms inherit our look */
input[type=text],input[type=email],input[type=date],input[type=number],input[type=tel],
select,textarea{
  border-radius:2px;
  border-color:var(--lagai-line);
}
input:focus,select:focus,textarea:focus{
  border-color:var(--lagai-teal);
  box-shadow:0 0 0 3px rgba(30,64,175,0.12);
}

/* CF7 buttons */
.wpcf7 input[type=submit]{
  background:var(--lagai-coral);
  color:var(--lagai-paper);
  border:none;
  padding:14px 28px;
  border-radius:2px;
  font-weight:500;
  font-size:15px;
  cursor:pointer;
}
.wpcf7 input[type=submit]:hover{background:#1E3A8A;}