/* This targets the specific legacy Astra bar that Better Search Replace can't find */
.ast-small-footer-section-1, 
.ast-small-footer-section-2, 
.ast-footer-copyright {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}

/* This ensures your NEW 2026 Widget remains visible */
.footer-widget-area {
    display: block !important;
    visibility: visible !important;
}

/* Target the Legacy Astra Below-Footer Bar specifically */
.ast-small-footer, 
.section-footer-builder-layout,
.ast-footer-copyright {
    display: none !important;
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

/* Force your NEW 2026 Widget to show */
#footer-sgl-widget-area-1,
.footer-widget-area {
    display: block !important;
    visibility: visible !important;
}

footer#colophon { display: none !important; }

.hero-section {
  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('your-image.jpg');
}

@media only screen and (max-width: 600px) {
  h1.your-hero-title-class { 
    font-size: 28px !important; /* Scale it down until it fits on one line */
    line-height: 1.2;
    word-break: normal !important;
    hyphens: none !important;
  }
}

.mobile-fix-header {
    font-size: 24px !important;
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

/* Force all buttons to identical typographic and structural standards */
.yati-btn-fix .wp-element-button, 
.yati-btn-fix a.wp-block-button__link {
    font-size: 14px !important; /* Adjust to your preferred 'Quiet Luxury' size */
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    line-height: 1 !important;
    padding: 15px 30px !important;
    display: inline-block !important;
    text-align: center !important;
    width: auto !important;
    min-width: 220px !important; /* This ensures buttons are the same width even with different text */
}

/* Force identical height and vertical centering for service buttons */
.wp-block-buttons .wp-block-button__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 70px !important; /* Adjust this number until they all look uniform */
    text-align: center !important;
    height: 100% !important;
    width: 100% !important;
}

/* Force all buttons in the services row to the same height */
.wp-block-button__link {
    min-height: 85px !important; /* Forces a tall enough box for all */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Force all service buttons to identical dimensions */
.wp-block-buttons .wp-block-button__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* The magic numbers for uniformity */
    min-height: 80px !important; 
    width: 100% !important;
    min-width: 250px !important;
    
    /* Typography discipline */
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    padding: 10px 20px !important;
    white-space: normal !important; /* Allows wrapping instead of shrinking */
}

/* Force all service buttons to be identical and centered */
.wp-block-buttons {
    justify-content: center !important; /* Centers the button container within the column */
}

.wp-block-button__link {
    display: flex !important;
    align-items: center !important; /* Vertical center */
    justify-content: center !important; /* Horizontal center */
    width: 100% !important; /* Makes all buttons fill their columns equally */
    max-width: 280px !important; /* Prevents them from getting too wide on desktop */
    min-height: 70px !important; /* Ensures the height matches despite line count */
    margin: 0 auto !important; /* Forces the button to the middle of the column */
    text-align: center !important;
}

/* Nuclear override for Service Pillar Buttons */
.wp-block-columns .wp-block-button .wp-block-button__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Force identical height and width */
    min-height: 90px !important; 
    width: 100% !important;
    min-width: 200px !important;
    
    /* Typography Discipline */
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    padding: 10px 20px !important;
    white-space: normal !important;
    
    /* Fix centering inside the column */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ensure the button container doesn't restrict the link */
.wp-block-button {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

:root {
  --navy: #172e58;          /* Remains your primary typographical anchor */
  --pink: #fdf3f0;          /* Adjusted: Replaces dark cream with a bright, luminous Pastel Pink canvas */
  --gold: #dfc357;          /* Strictly used for active highlights and CTA buttons */
  --gold-line: rgba(223,195,87,0.3);
  --cream: #ffffff;         /* Lifted to pure white for high-key background panels */
  --cream-deep: #fdf3f0;    /* Unified with the bright pink theme */
  --warm-white: #ffffff;
  --text-primary: #172e58;  /* Crucial: Change text to your Royal Navy so readability is crisp against bright backgrounds */
  --text-secondary: #2b4370;/* Deep navy variant instead of muddy brown-gray */
  --text-muted: #d4a999;    /* Use the corporate pink for subtle text subtitles */
}

/* Erase the dark navy shadow; replace with a soft warm-minimalist halo */
filter: drop-shadow(0 12px 30px rgba(212, 169, 153, 0.35));

.service-card:hover { 
  background: var(--navy); 
}
.service-card:hover .service-name { 
  color: var(--warm-white); 
}
.service-card:hover .service-desc { 
  color: #dfebff; /* Soft luminous blue text when card turns navy */
}

footer, .site-footer {
    display: block !important;
    clear: both !important;
    visibility: visible !important;
}