/* Yati Senin Gold Gradient Button */
.wp-block-button__link,
a.wp-block-button__link {
    background: linear-gradient(90deg, #d4af37 0%, #f7e7a9 100%) !important;
    color: #ffffff !important; 
    padding: 12px 28px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
    transition: all 0.3s ease-in-out;
}

/* Hover Effect */
.wp-block-button__link:hover,
a.wp-block-button__link:hover {
    background: linear-gradient(90deg, #f7e7a9 0%, #d4af37 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(212, 175, 55, 0.4);
}

.site-info a[href*="woocommerce"] {
    display: none !important;
}

footer .wp-block-media-text p {
    font-weight: 600 !important;
    color: #41466a !important;
}

.hero-padding {
    padding-top: 120px;
    padding-bottom: 80px;
}

.ys-primary-button {
  background-color: #41466A !important;
  color: #FFFFFF !important;
  border-radius: 10px;
}

/* Footer Tagline Styling for yatisenin.com */
.site-footer {
    text-align: center;
    padding: 40px 0;
    background-color: #172e56; /* Royal Blue Background */
}

.site-footer .tagline-primary {
    display: block;
    font-size: 1.2rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff; /* White for the original tagline */
    margin-bottom: 5px;
}

.site-footer .tagline-secondary {
    display: block;
    font-size: 0.9rem;
    font-style: italic;
    color: #d3b654; /* Antique Gold for Authority */
    opacity: 0.9;
}

.page-template-default .entry-title {
    display: none;
}

/* Hide Author and Date from Journal/Blog Posts */
.entry-meta .posted-on, 
.entry-meta .byline,
.entry-meta .comments-link {
    display: none !important;
}

/* Remove the "by" text specifically */
.entry-meta {
    font-size: 0;
}

.entry-meta a {
    display: none;
}

/* Eradicate all post metadata in Storefront */
.entry-meta, 
.entry-meta .posted-on, 
.entry-meta .byline, 
.entry-meta .cat-links, 
.entry-meta .comments-link {
    display: none !important;
}

/* Targeted Eradication of Storefront Metadata */
.byline, 
.posted-on, 
.comments-link, 
.cat-links, 
.entry-meta {
    display: none !important;
}

/* Force-hide the entire metadata container */
header.entry-header aside.entry-meta {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    visibility: hidden !important;
}

/* Specifically kill the 'by' text wrapper */
.entry-header .byline {
    display: none !important;
}

/* Eradicate the broken icon boxes in the footer */
.site-footer ul li::before, 
.site-footer ul li::after {
    content: none !important;
    display: none !important;
}

/* Force the footer text to Royal Blue for authority */
.site-footer {
    color: #002366 !important;
    background-color: #ffffff !important; /* Clean white background for the footer */
}

/* Eradicate the stray 2026 and redundant site-info containers */
.site-footer .widget_text, 
.site-footer .site-info,
.site-footer .footer-widgets-container .widget {
    margin-bottom: 0 !important;
}

/* Specifically target the '© 2026' text if it's in a widget title or text block */
.site-footer h2, .site-footer .textwidget {
    display: none !important;
}

/* Ensure only the links and our custom '::after' copyright remain visible */
.site-footer ul, .site-footer li, .site-footer a {
    display: block !important;
    visibility: visible !important;
}

/* 1. Fix the Spacing: Create vertical 'Air' between links */
.site-footer li {
    margin-bottom: 15px !important;
}

/* 2. Fix the Color: Solidify the 'Royal Blue' Authority */
.site-footer a {
    color: #002366 !important; /* Royal Blue */
    text-decoration: none !important;
    font-weight: 500;
    transition: 0.3s ease;
}

/* 3. The 'Gold' Hover State for Premium Feel */
.site-footer a:hover {
    color: #D4AF37 !important; /* Gold */
}

/* 4. Center the entire link column for Style Stack balance */
.site-footer .widget_nav_menu ul, 
.site-footer .widget_pages ul {
    text-align: center !important;
}

.site-footer .site-info { display: none !important; }

/* Shrink Logo and Align Header */
.custom-logo-link img, .site-logo img {
    max-width: 180px !important; /* Adjust this number to hit that 40% sweet spot */
    height: auto !important;
}

/* Remove unnecessary padding around the logo */
.site-branding {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* FORCE LOGO RESIZE */
header img, .site-logo img, .custom-logo img {
    max-width: 150px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important; /* This centres it if it's in a single column */
}

/* FIX THE SUB-HEADER VISIBILITY */
.elementor-widget-container p, .site-description, .hero-subtitle {
    color: #333333 !important; /* Changing that invisible gold to dark grey */
    font-weight: 600 !important;
    font-size: 1.1rem !important;
}

/* Force the Logo to a Professional Agency size */
.wp-block-site-logo img {
    width: 120px !important; /* This is the sweet spot for an agency header */
    max-width: 120px !important;
    height: auto !important;
}

/* Fix that invisible sub-headline text */
.wp-block-paragraph.has-background-color-white, 
header + div p, 
.hero-subtitle {
    color: #1a2a44 !important; /* Deep Royal Blue */
    font-weight: 700 !important; /* Make it bold so it's readable over the image */
    text-shadow: 1px 1px 2px rgba(255,255,255,0.8); /* Slight glow to pop against the laptop image */
}

/* Remove the "Cheap E-commerce" Search bar from the header */
.wp-block-search__button, .wp-block-search__input {
    display: none !important;
}

/* 1. SHRINK THE LOGO */
.wp-block-site-logo img, 
.site-logo img, 
.header-logo-img {
    width: 140px !important;
    height: auto !important;
    max-width: 140px !important;
}

/* 2. KILL THE SEARCH BAR & CART (UNPROFESSIONAL FOR AGENCY) */
.wp-block-search, 
.wc-block-mini-cart, 
.search-form {
    display: none !important;
}

/* 3. MAKE THE SUB-HEADLINE READABLE */
/* This targets the thin gold text under your main heading */
.wp-block-paragraph {
    color: #1a2a44 !important; /* Royal Blue */
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    opacity: 1 !important;
}

/* 4. ALIGN THE MENU */
.wp-block-navigation {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
}

/* 1. SHRINK THE LOGO */
.site-header .custom-logo, 
.site-header .site-logo-img,
img.custom-logo {
    width: 120px !important;
    max-width: 120px !important;
    height: auto !important;
}

/* 2. REMOVE THE SEARCH BAR & CART */
.header-widget-region, 
.site-header .widget_search, 
.site-header .shopping-cart,
.dgwt-wcas-search-wrapp {
    display: none !important;
}

/* 3. FIX THE INVISIBLE SUB-HEADLINE */
/* This targets the "I create AI visuals..." paragraph */
.home .entry-content p:first-of-type {
    color: #1a2a44 !important; /* Royal Blue */
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    line-height: 1.6;
}

/* Remove the search bar and the shopping cart instantly */
.dgwt-wcas-search-wrapp, 
.widget_product_search, 
.site-header-cart, 
.header-widget-region {
    display: none !important;
}

/* Force the sub-header text to be readable */
.site-description, .entry-content p {
    color: #1a2a44 !important;
    font-weight: 700 !important;
}

.site-footer .site-info {
    display: none;
}

.site-footer .site-info {
    display: none;
}

.site-footer .site-info {
    display: none;
}

/* 1. Kill the theme's persistent 2025 bottom bar */
.site-footer .site-info, 
footer #colophon .site-info,
.storefront-handheld-footer-bar {
    display: none !important;
}

/* 2. Center the entire Footer Hub */
.site-footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 60px 0 !important;
    background: #ffffff !important;
}

/* 3. Format the Tagline for Authority */
.site-footer .widget_text p::before {
    content: "Strategising Growth. Architecting Authority. Since 2008.";
    display: block;
    font-family: 'Playfair Display', serif !important;
    font-size: 1.4rem !important;
    color: #002366 !important; /* Royal Blue */
    margin-bottom: 30px;
}

/* 4. Fix the Menu: Turn the 'Wall' into a 'Row' */
.site-footer ul.menu {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 25px !important;
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 40px !important;
}

.site-footer li {
    margin: 0 !important;
}

/* 5. Inject the FINAL single Copyright line */
.site-footer::after {
    content: "© 2026 Yati Senin. All Rights Reserved. Digital Stewardship Since 2008.";
    display: block;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    color: #D4AF37 !important; /* Gold */
    letter-spacing: 1px;
    margin-top: 20px;
}

/* 1. NUCLEAR WIPE: Hide all default Storefront footer elements */
.site-footer .site-info, 
.site-footer .footer-widgets, 
footer #colophon .site-info,
.storefront-handheld-footer-bar {
    display: none !important;
}

/* 2. REBUILD: Create the Professional Hub */
.site-footer {
    background-color: #ffffff !important;
    padding: 80px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

/* 3. LOGO & TAGLINE: Grouped for Authority */
.site-footer::before {
    content: "";
    background: url('https://yatisenin.com/wp-content/uploads/2026/03/Yati-Senin-Logo-Transparent.png') no-repeat center; /* Ensure this is your logo URL */
    background-size: contain;
    width: 120px;
    height: 120px;
    display: block;
    margin-bottom: 20px;
}

/* 4. THE TAGLINE: Big, Bold, Royal Blue */
.site-footer .widget_text p::before {
    content: "Strategising Growth. Architecting Authority. Since 2008.";
    display: block;
    font-family: 'Playfair Display', serif !important;
    font-size: 1.6rem !important;
    font-weight: 700;
    color: #002366 !important;
    margin-bottom: 40px;
}

/* 5. THE MENU: Clean Horizontal Row */
.site-footer ul.menu {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 40px !important;
}

.site-footer a {
    color: #002366 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none !important;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 6. THE FINAL SEAL: One single Gold line */
.site-footer::after {
    content: "© 2026 Yati Senin. All Rights Reserved. Stewardship Since 2008.";
    display: block;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    color: #D4AF37 !important;
    letter-spacing: 2px;
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
    width: 60%;
}

/* Target the absolute bottom container that Storefront hides from standard selectors */
footer#colophon .site-info, 
.site-footer .site-info, 
div[class*="site-info"], 
div[id*="copyright"],
.storefront-handheld-footer-bar {
    display: none !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

/* Force the page to end at our Gold 2026 line */
#colophon {
    border-top: none !important;
}

/* Target the absolute bottom container that Storefront hides from standard selectors */
footer#colophon .site-info, 
.site-footer .site-info, 
div[class*="site-info"], 
div[id*="copyright"],
.storefront-handheld-footer-bar {
    display: none !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

/* Force the page to end at our Gold 2026 line */
#colophon {
    border-top: none !important;
}

/* 1. Force the Footer Menu into a Professional Horizontal Row */
.site-footer ul.menu {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 30px !important; /* Spacing between links */
    list-style: none !important;
    padding: 0 !important;
    margin: 30px 0 !important;
}

/* 2. Style the individual Links */
.site-footer ul.menu li {
    margin: 0 !important;
    padding: 0 !important;
}

.site-footer ul.menu li a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #002366 !important; /* Royal Blue */
    text-decoration: none !important;
    transition: 0.3s;
}

.site-footer ul.menu li a:hover {
    color: #D4AF37 !important; /* Gold */
}

/* 3. The Final "Ghost" Kill for that 2025 line */
#colophon .site-info, 
.site-footer .site-info {
    font-size: 0 !important;
    color: transparent !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    visibility: hidden !important;
}

/* 1. Final Execution of the 2025 Credit Bar */
.storefront-handheld-footer-bar, 
footer #colophon .site-info, 
.site-footer .site-info,
footer.site-footer > div:last-child {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 2. Neaten the Menu: Group everything into a Professional Row */
.site-footer ul.menu {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    list-style: none !important;
    padding: 0 !important;
}

/* 3. Style the Link Text for the Style Stack look */
.site-footer ul.menu li a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #002366 !important; /* Royal Blue */
    text-decoration: none !important;
}

/* 4. The Gold Finish */
.site-footer::after {
    content: "© 2026 Yati Senin. All Rights Reserved. Stewardship Since 2008.";
    display: block;
    text-align: center;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    color: #D4AF37 !important; /* Gold */
    margin-top: 40px;
    letter-spacing: 1px;
}

/* 1. Neaten the Menu: Single Horizontal Row */
.site-footer ul.menu {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 40px 0 !important;
}

/* 2. Style the Menu Links for Agency Authority */
.site-footer ul.menu li a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #002366 !important; /* Royal Blue */
}

/* 3. The Negative Margin Strike: Kill the 2025 line for good */
footer#colophon, .site-footer {
    margin-bottom: -100px !important; /* Adjust this number if needed */
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

/* 4. Universal Visibility Kill for any Site Info bar */
[class*="site-info"], [id*="site-info"], .storefront-handheld-footer-bar {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* 1. Target the '© 2025' line specifically by its exact text content */
footer.site-footer div, 
footer.site-footer span, 
footer.site-footer p {
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Resurrect ONLY your premium 2026 line */
.site-footer::after {
    content: "© 2026 Yati Senin. All Rights Reserved. Stewardship Since 2008.";
    display: block !important;
    text-align: center !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important; /* This brings back the size for the one line we want */
    color: #D4AF37 !important; /* Gold */
    padding: 20px 0 !important;
    letter-spacing: 1px;
    visibility: visible !important;
}

/* 3. Resurrect the Navigation Menu links */
.site-footer ul.menu li a {
    font-size: 0.8rem !important;
    color: #002366 !important; /* Royal Blue */
    visibility: visible !important;
}

/* 1. Simplify the Navigation to a single, clean row */
.main-navigation ul.menu {
    display: flex !important;
    justify-content: center !important;
    gap: 40px !important;
    padding: 20px 0 !important;
}

/* 2. Style the Menu Items */
.main-navigation ul li a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #002366 !important; /* Royal Blue */
}

/* 3. Add 'Air' between the Menu and the Hero */
.site-header {
    margin-bottom: 80px !important;
    border-bottom: 1px solid #f0f0f0;
}

/* Style the Text Logo for a Premium Minimalist Look */
.site-branding .site-title a {
    font-family: 'Playfair Display', serif !important;
    font-size: 1.5rem !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    color: #002366 !important; /* Royal Blue */
    text-transform: uppercase;
    text-decoration: none !important;
}

/* Hide the tagline in the header to keep it surgical */
.site-description {
    display: none !important;
}

/* Center the branding area */
.site-header .site-branding {
    margin-bottom: 20px !important;
    text-align: center !important;
}

/* 1. Force the Header Logo to disappear */
.site-branding .site-logo-link, 
.site-branding img, 
.custom-logo-link {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}

/* 2. Re-center the Navigation Menu now that the logo is gone */
.site-header .main-navigation {
    width: 100% !important;
    margin-top: 40px !important;
}

/* 3. Style the Text Branding (Your Name) as the only anchor */
.site-branding {
    margin: 0 auto !important;
    padding-top: 40px !important;
}

/* 1. Force the Service Headline to Royal Blue and Correct Size */
.home h2, 
.home h3, 
.home .wp-block-heading {
    color: #002366 !important; /* Royal Blue */
    font-family: 'Playfair Display', serif !important;
    font-size: 2.2rem !important; /* Scaled down from the main Hero */
    font-weight: 700 !important;
    margin-bottom: 25px !important;
}

/* 2. Force the Body Text to a Clean, Professional Size */
.home p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important; /* Readable, agency-standard size */
    line-height: 1.8 !important;
    color: #4a4a4a !important; /* Sophisticated dark grey, not harsh black */
    max-width: 800px; /* Prevents text from stretching too wide */
    margin-left: auto;
    margin-right: auto;
}

/* 3. Cleanup: Remove that 'Creative Services Built For You' ghost line */
.home p:empty, 
.home p:contains("Creative Services Built For You") {
    display: none !important;
}

/* 1. The Hero Headline: The undisputed King */
.home h1, .home .entry-title {
    font-size: 4rem !important; /* Large and Authoritative */
    color: #002366 !important;
    margin-bottom: 20px !important;
    line-height: 1.1 !important;
}

/* 2. The Hero Sub-headline: Needs to be Grey and Smaller */
.home .wp-block-post-content p:first-of-type {
    font-size: 1.2rem !important; 
    color: #666666 !important; /* Soften this so the headline pops */
    max-width: 700px;
    margin: 0 auto 40px auto !important;
    line-height: 1.6 !important;
}

/* 3. The Section Heading: Royal Blue and Balanced */
.home h2 {
    color: #002366 !important;
    font-size: 2.2rem !important;
    margin-top: 80px !important; /* Creates 'Air' between sections */
    margin-bottom: 30px !important;
}

/* 4. The Body Text: Clean and Readable */
.home p {
    font-size: 1.1rem !important;
    color: #333333 !important;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* 1. The Main Hero Headline - The Star of the Show */
.home h1, .home .entry-title {
    font-size: 3.8rem !important; /* Prominent size */
    color: #002366 !important; /* Authoritative Royal Blue */
    font-weight: 800 !important;
    line-height: 1.1 !important;
    margin-bottom: 25px !important;
}

/* 2. The Supporting Sub-Headline - The Assistant */
.home .wp-block-post-content p:first-of-type {
    font-size: 1.1rem !important; /* Much smaller than the headline */
    font-weight: 500 !important;
    color: #555555 !important; /* Professional Grey, not blue */
    max-width: 750px;
    margin: 0 auto 50px auto !important;
    line-height: 1.7 !important;
}

/* 3. Section Headers (e.g. Creative Services Built For You) */
.home h2 {
    color: #002366 !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin-top: 100px !important; /* Massive gap to clear the Hero section */
    margin-bottom: 30px !important;
}

/* 4. The Body Text Framework */
.home p {
    font-size: 1.05rem !important;
    color: #333333 !important;
    line-height: 1.8 !important;
    text-align: left; /* Alignment check: central alignment is for short text only */
}

/* 1. THE HERO HEADLINE: The undisputed authority */
.home h1, .home .entry-title {
    font-size: 3.5rem !important; 
    color: #002366 !important; /* Royal Blue */
    font-weight: 800 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    line-height: 1.1 !important;
}

/* Remove the grey box/background from the Technical Recovery area */
.home .wp-block-columns .wp-block-column:last-child p,
.home .wp-block-columns .wp-block-column:last-child {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
}

/* Ensure all service descriptions are the same grey */
.home .wp-block-columns p {
    color: #666666 !important;
}
/* 2. THE SUB-HEADLINE: Supporting, not competing */
.home .wp-block-post-content p:first-of-type {
    font-size: 1.15rem !important; /* SIGNIFICANTLY SMALLER */
    color: #555555 !important; /* GREY - NOT BLUE */
    font-weight: 400 !important;
    max-width: 700px;
    margin: 0 auto 50px auto !important;
    line-height: 1.7 !important;
    text-align: center !important;
}

/* 3. THE BUTTONS: Centered and Breathing */
.wp-block-buttons {
    justify-content: center !important;
    margin-bottom: 100px !important; /* Massive gap before next section */
}

/* 4. THE SECTION HEADING: Clear separation */
.home h2 {
    color: #002366 !important;
    font-size: 2.2rem !important;
    text-align: center !important;
    margin-bottom: 40px !important;
}

/* 1. Target the FIRST paragraph after the H1 Hero Headline */
body.home h1 + p, 
body.home .entry-content p:first-of-type {
    color: #666666 !important; /* Force Grey */
    font-size: 1.15rem !important; /* Force smaller size */
    font-weight: 400 !important;
    text-align: center !important;
    max-width: 800px !important;
    margin: 20px auto 50px auto !important;
    line-height: 1.7 !important;
}

/* 2. Ensure the H1 stays Royal Blue and LARGE */
body.home h1 {
    color: #002366 !important;
    font-size: 4rem !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
}

/* Clinical Typographic Force */
p {
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
}
strong, b {
    font-weight: 700 !important;
}

/* Force Institutional Navy on Protocol Titles */
h1.entry-title, .entry-title a {
    color: #001F3F !important;
    font-weight: 800 !important;
    text-transform: none !important;
    letter-spacing: -0.5px !important;
}

/* Fix the "Leave a Comment" and Meta text visibility */
.entry-meta, .entry-meta a {
    color: #555555 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
}

/* Eradicate Author Metadata sitting under Titles */
.entry-meta .vcard, 
.entry-meta .author, 
.byline {
    display: none !important;
}

/* Optional: Clean up the 'by' text specifically if it lingers */
.entry-meta {
    font-size: 0; /* Effectively hides text nodes */
}

.entry-meta .posted-on {
    font-size: 0.85rem; /* Restores visibility to only the date */
}

/* Final Nullification of Storefront Author Metadata */
.vcard.author, 
.byline, 
.entry-meta .author,
.posted-by {
    display: none !important;
}

/* Force the removal of the "by" prefix text node */
header.entry-header .entry-meta {
    font-size: 0 !important;
}

/* Restore only the date visibility */
header.entry-header .entry-meta .posted-on,
header.entry-header .entry-meta .posted-on a {
    font-size: 0.85rem !important;
    color: #555555 !important;
}

/* Final Nullification of Storefront Author Metadata */
.vcard.author, 
.byline, 
.entry-meta .author, 
.posted-by,
.author-link {
    display: none !important;
}

/* Force the removal of the text prefix 'by' */
header.entry-header .entry-meta {
    font-size: 0 !important;
}

/* Restore visibility ONLY for the Date if you wish to keep it */
header.entry-header .entry-meta .posted-on,
header.entry-header .entry-meta .posted-on a {
    font-size: 0.85rem !important;
    color: #555555 !important;
    visibility: visible !important;
}

/* Eliminate the "Leave a comment" link sitting in the meta line */
.comments-link {
    display: none !important;
}

/* 1. FORCE INSTITUTIONAL NAVY ON TITLES */
.entry-title, 
.entry-title a, 
h1.entry-title {
    color: #001F3F !important;
    font-weight: 800 !important;
}

/* 2. ERADICATE AUTHOR METADATA (The "by yatisenin.com" ghost) */
.vcard.author, 
.byline, 
.entry-meta .author, 
.posted-by {
    display: none !important;
}

/* 3. FIX TYPOGRAPHIC WEIGHTS (Body text must be Regular) */
.entry-content p, 
.entry-content li, 
p, li {
    font-weight: 400 !important; /* Forces Regular weight */
    color: #333333 !important;   /* Professional Deep Charcoal */
}

/* 4. PROTECT BOLD FOR HEADINGS AND LABELS ONLY */
.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content strong, 
.entry-content b {
    font-weight: 700 !important;
    color: #001F3F !important; /* Headings remain Navy */
}

/* 5. REMOVE THE "PURPLE" FROM BREADCRUMBS/LINKS */
.woocommerce-breadcrumb a, 
.breadcrumb a {
    color: #555555 !important;
}

/* 1. Kill all metadata (Author, Date, Category, Comments) */
header.entry-header .entry-meta,
.post-meta,
.entry-meta,
.byline,
.posted-on,
.cat-links {
    display: none !important;
}

/* 2. Fix vertical suffocation */
.entry-title {
    margin-bottom: 30px !important;
    color: #001F3F !important;
}

/* 3. Force body weight */
p, li {
    font-weight: 400 !important;
}

/* SURGICAL NULLIFICATION OF AUTHOR BY-LINE */
.byline, 
.vcard, 
.author, 
.entry-meta .author, 
.entry-meta .posted-by,
span.byline,
li.post-author {
    display: none !important;
}

/* REMOVE THE REDUNDANT "BY" TEXT NODE */
.entry-meta {
    font-size: 0 !important;
}

/* RESTORE ONLY THE DATE FOR CHRONOLOGICAL AUTHORITY */
.entry-meta .posted-on {
    font-size: 0.85rem !important;
    display: inline-block !important;
    color: #555555 !important;
}

/* 1. ERADICATE ALL METADATA GHOSTS (By-line, Date, Category) */
.site-main .entry-meta, 
.site-main .byline, 
.site-main .author,
.site-main .posted-on, 
.site-main .cat-links,
header.entry-header .entry-meta,
span.byline {
    display: none !important;
    visibility: hidden !important;
}

/* 2. FORCE INSTITUTIONAL NAVY & WEIGHT ON TITLES */
.entry-title, 
.entry-title a, 
h1.entry-title {
    color: #001F3F !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* 3. UNIFY BODY TEXT WEIGHT (No more random bold paragraphs) */
.entry-content p, 
.entry-content li {
    font-weight: 400 !important;
    color: #333333 !important;
}

/* 4. PROTECT INTENTIONAL BOLDING FOR HEADINGS */
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content strong {
    font-weight: 700 !important;
    color: #001F3F !important;
}

/* SURGICAL PURGE OF STOREFRONT BYLINE */
.vcard.author, 
.byline, 
.entry-meta .author, 
.entry-meta .posted-by,
header.entry-header .entry-meta,
footer.entry-meta,
span.byline {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

add_action( 'init', function() {
    remove_action( 'storefront_post_header_before', 'storefront_post_meta', 10 );
    remove_action( 'storefront_single_post_header_before', 'storefront_post_meta', 10 );
});

/* Force 3-Column Grid on Strategic Insights Archive */
.post-type-archive-post .site-main,
.category-strategic-insights .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
}

/* Ensure images and text align within the grid cells */
.post-type-archive-post article,
.category-strategic-insights article {
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
}

/* Responsive adjustment for Mobile (Stack the grid) */
@media (max-width: 768px) {
    .post-type-archive-post .site-main,
    .category-strategic-insights .site-main {
        grid-template-columns: 1fr !important;
    }
}

/* ABSOLUTE METADATA ERADICATION */
.site-main .entry-meta, 
.site-main .byline, 
.site-main .posted-on, 
.site-main .cat-links, 
.site-main .comments-link,
header.entry-header .entry-meta,
span.byline,
.vcard.author,
.posted-by {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Force Institutional Navy on Title */
.entry-title, h1.entry-title {
    color: #001f3f !important;
}

/* Force 3-Column Grid on Strategic Insights Archive */
.post-type-archive-post .site-main,
.category-strategic-insights .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    margin-top: 40px !important;
}

/* Fix Card Alignment */
.post-type-archive-post article,
.category-strategic-insights article {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 0 !important;
    background: #ffffff;
}

/* Ensure images are uniform */
.post-type-archive-post .post-thumbnail img,
.category-strategic-insights .post-thumbnail img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
}

/* Mobile Responsiveness: Stack on smaller screens */
@media (max-width: 768px) {
    .post-type-archive-post .site-main,
    .category-strategic-insights .site-main {
        grid-template-columns: 1fr !important;
    }
}

/* 1. TOTAL NULLIFICATION OF ALL METADATA (The "By-Line" Ghost) */
.site-main .entry-meta, 
.site-main .byline, 
.site-main .author,
.site-main .posted-on, 
.site-main .cat-links,
header.entry-header .entry-meta,
span.byline,
.vcard.author,
.posted-by {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. FORCE 3-COLUMN GRID ARCHITECTURE */
.post-type-archive-post .site-main,
.category-strategic-insights .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
    max-width: 1200px !important;
    margin: 40px auto !important;
}

/* 3. RECTIFY TYPOGRAPHIC WEIGHTS (The "Bold" Leak) */
.entry-content p, 
.entry-content li {
    font-weight: 400 !important; /* Forces Regular weight */
}

/* 4. INSTITUTIONAL NAVY FORCE-APPLY */
.entry-title, .entry-title a, h1.entry-title {
    color: #001f3f !important;
    font-weight: 800 !important;
}

/* 1. TOTAL NULLIFICATION OF ALL METADATA (The "By-Line" Ghost) */
.site-main .entry-meta, 
.site-main .byline, 
.site-main .author,
.site-main .posted-on, 
.site-main .cat-links,
header.entry-header .entry-meta,
span.byline,
.vcard.author,
.posted-by {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. FORCE 3-COLUMN GRID ARCHITECTURE */
.post-type-archive-post .site-main,
.category-strategic-insights .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
    max-width: 1200px !important;
    margin: 40px auto !important;
}

/* 3. RECTIFY TYPOGRAPHIC WEIGHTS (The "Bold" Leak) */
.entry-content p, 
.entry-content li {
    font-weight: 400 !important; /* Forces Regular weight */
}

/* 4. INSTITUTIONAL NAVY FORCE-APPLY */
.entry-title, .entry-title a, h1.entry-title {
    color: #001f3f !important;
    font-weight: 800 !important;
}

/* Force all post body text to Regular weight and Institutional Navy */
.entry-content p, 
.entry-content li {
    font-weight: 400 !important;
    color: #001F3F !important;
}

/* Ensure headings remain bold for hierarchy */
.entry-content h2, 
.entry-content h3, 
.entry-content h4,
.entry-content strong {
    font-weight: 700 !important;
}

/* --- ABSOLUTE METADATA ERADICATION PROTOCOL --- */
.site-main .entry-meta, 
.site-main .byline, 
.site-main .author,
.site-main .posted-on, 
.site-main .cat-links,
.site-main .comments-link,
header.entry-header .entry-meta,
footer.entry-meta,
span.byline,
.vcard.author,
.posted-by {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* FORCE 3-COLUMN GRID ON STRATEGIC INSIGHTS */
.post-type-archive-post .site-main,
.category-strategic-insights .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
}

@media (max-width: 768px) {
    .post-type-archive-post .site-main,
    .category-strategic-insights .site-main {
        grid-template-columns: 1fr !important;
    }
}

/* FORCE 3-COLUMN GRID ON STRATEGIC INSIGHTS */
.post-type-archive-post .site-main,
.category-strategic-insights .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
}

@media (max-width: 768px) {
    .post-type-archive-post .site-main,
    .category-strategic-insights .site-main {
        grid-template-columns: 1fr !important;
    }
}

/* --- INSTITUTIONAL GOVERNANCE: FINAL PURGE --- */

/* 1. Kill the 'by yatisenin.com' and all post metadata */
.entry-meta, .byline, .author, .posted-on, .cat-links, .comments-link, span.byline, .vcard.author {
    display: none !important;
}

/* 2. Kill Jetpack Sharing & Like buttons (The clutter at the bottom) */
div.sharedaddy, #jp-relatedposts, #jp-post-flair {
    display: none !important;
}

/* 3. Rectify Heading Colors (Fix the Purple links) */
.entry-title a, .entry-title {
    color: #001F3F !important;
    text-decoration: none !important;
}

/* 4. Ensure Paragraphs are Clinical */
.entry-content p {
    font-weight: 400 !important;
    color: #333333 !important;
    line-height: 1.8 !important;
}

/* Force 3-Column Grid on Strategic Insights Archive */
.post-type-archive-post .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
}

/* ABSOLUTE NULLIFICATION OF STOREFRONT METADATA */
.site-main .entry-meta, 
.site-main .byline, 
.site-main .author, 
.site-main .vcard,
header.entry-header .entry-meta,
.posted-on,
span.byline {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

/* Force 3-Column Grid Architecture */
.post-type-archive-post .site-main,
.category-strategic-insights .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
}

/* ABSOLUTE NULLIFICATION OF ALL AUTHOR AND POST METADATA */
.site-main .entry-meta, 
.site-main .byline, 
.site-main .author, 
.site-main .vcard, 
.entry-header .entry-meta, 
.posted-on, 
.byline a,
span.byline,
li.post-author {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

/* Force 3-Column Grid on Strategic Insights Archive */
.post-type-archive-post .site-main,
.category-strategic-insights .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
}

/* SURGICAL NULLIFICATION */
.site-main .entry-meta, 
.site-main .byline, 
.site-main .author, 
.site-main .vcard,
header.entry-header .entry-meta,
span.byline,
.posted-on {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* FORCE 3-COLUMN GRID ARCHITECTURE */
.post-type-archive-post .site-main,
.category-strategic-insights .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
}

.byline, .vcard, .author, .posted-on, .entry-meta .author, span.byline {
    display: none !important;
}

/* Force 3-Column Grid Architecture */
.post-type-archive-post .site-main,
.category-strategic-insights .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
}

/* ABSOLUTE NULLIFICATION OF ALL AUTHOR AND POST METADATA */
.site-main .entry-meta, 
.site-main .byline, 
.site-main .author, 
.site-main .vcard, 
.entry-header .entry-meta, 
.posted-on, 
.byline a,
span.byline,
li.post-author {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

/* Force 3-Column Grid on Strategic Insights Archive */
.post-type-archive-post .site-main,
.category-strategic-insights .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .post-type-archive-post .site-main,
    .category-strategic-insights .site-main {
        grid-template-columns: 1fr !important;
    }
}

/* ABSOLUTE METADATA ERADICATION */
.site-main .entry-meta, 
.site-main .byline, 
.site-main .author,
.site-main .posted-on, 
.site-main .cat-links,
.site-main .comments-link,
header.entry-header .entry-meta,
span.byline,
.vcard.author,
.posted-by {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Force 3-Column Grid on Strategic Insights Archive */
.post-type-archive-post .site-main,
.category-strategic-insights .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
}

/* Force Clinical Width on About Page Narrative */
.page-id-26 .entry-content > *,
.page-template-default .entry-content > * {
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Exempt the full-width images/strips if necessary */
.page-id-26 .entry-content .alignfull,
.page-id-26 .entry-content .wp-block-cover {
    max-width: none !important;
}

/* HOME PAGE SPATIAL GOVERNANCE */
.home .wp-block-group, 
.home .wp-block-columns {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

/* Institutional Navy for Home Page Headers */
.home h1, .home h2, .home h3 {
    color: #001F3F !important;
    font-weight: 700 !important;
}

/* CENTER SITE TITLE AND NAV MENU */
.site-header {
    text-align: center !important;
}

.site-header .site-branding {
    width: 100% !important;
    margin-right: 0 !important;
    float: none !important;
    display: block !important;
}

.site-header .main-navigation {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
}

.site-title {
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
}

/* ABSOLUTE FOOTER OVERWRITE */
.site-footer .site-info {
    font-size: 0 !important; /* Hide the existing text */
    visibility: hidden !important;
}

.site-footer .site-info::before {
    content: "© 2026 Yati Senin. All Rights Reserved. Stewardship Since 2008." !important;
    font-size: 14px !important; /* Restore clinical size */
    visibility: visible !important;
    display: block !important;
    color: #001F3F !important; /* Institutional Navy */
    text-align: center !important;
    padding: 20px 0 !important;
}

/* Kill the specific Storefront 'Built with' credit */
.footer-widgets + .site-info, 
.site-footer .storefront-handheld-footer-bar {
    display: none !important;
}

/* ABSOLUTE NULLIFICATION OF ALL FOOTER TEXT */
.site-footer .site-info, 
.site-footer footer, 
.site-footer div[class*="copyright"], 
.site-footer p[class*="copyright"],
.storefront-handheld-footer-bar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* RE-INJECT ONLY THE GOVERNED LINE */
.site-footer::after {
    content: "© 2026 Yati Senin. All Rights Reserved. Stewardship Since 2008." !important;
    display: block !important;
    text-align: center !important;
    font-size: 13px !important;
    color: #b5a059 !important; /* Matches your gold metadata tone */
    padding: 30px 0 !important;
    background-color: #fff !important;
    width: 100% !important;
}

/* ABSOLUTE CENTER OVERRIDE FOR STOREFRONT HEADER */
.site-header .col-full {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 800px !important; /* Forces header to match your clinical body width */
    margin: 0 auto !important;
}

/* Eradicate the float-left behavior of the branding */
.site-branding {
    margin: 0 auto 1.5em auto !important;
    float: none !important;
    text-align: center !important;
    width: 100% !important;
}

/* Center the navigation menu */
.main-navigation {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
}

.main-navigation ul.menu, 
.main-navigation ul.nav-menu {
    text-align: center !important;
    display: inline-block !important;
}

/* ABSOLUTE PURGE OF THEME FOOTER METADATA */
.site-footer .site-info, 
.site-footer .footer-widgets + .site-info,
.site-footer .storefront-handheld-footer-bar,
.site-footer div[class*="copyright"],
.site-footer p[class*="copyright"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* RE-INJECT GOVERNED METADATA AS A PSEUDO-ELEMENT */
.site-footer::after {
    content: "© 2026 Yati Senin. All Rights Reserved. Stewardship Since 2008." !important;
    display: block !important;
    text-align: center !important;
    font-size: 13px !important;
    color: #b5a059 !important; /* Institutional Gold */
    padding: 40px 0 !important;
    background-color: #fff !important;
    width: 100% !important;
    border-top: 1px solid #f0f0f0 !important;
}

/* ABSOLUTE FORCE-CENTER FOR SITE TITLE */
.site-header .col-full {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.site-branding {
    margin: 0 auto !important;
    float: none !important;
}

.main-navigation {
    float: none !important;
    margin-top: 1.5em !important;
}

/* FORCE HEADER SYMMETRY */
.site-header .col-full {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.site-branding {
    margin: 0 auto !important;
    float: none !important;
    text-align: center !important;
}

.main-navigation {
    float: none !important;
    display: block !important;
    margin: 10px auto 0 auto !important;
}

/* FORCE CENTER SITE TITLE - NO EXCEPTIONS */
header#masthead .col-full {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.site-branding {
    float: none !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.main-navigation {
    float: none !important;
    margin: 1em auto 0 auto !important;
}

/* FORCE CENTERING REGARDLESS OF CACHE MINIFICATION */
header#masthead .col-full,
.site-header .col-full {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.site-branding, .site-logo-anchor, .site-logo-link {
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
    text-align: center !important;
}

.main-navigation {
    float: none !important;
    display: block !important;
    width: 100% !important;
}

/* FORCE HEADING INDEPENDENCE AND SPACING */
.home .wp-block-columns h2, 
.home .wp-block-columns h3,
.home .wp-block-column h2,
.home .wp-block-column h3 {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    line-height: 1.4 !important;
    white-space: normal !important; /* Prevents them from forcing a single line */
}

/* Ensure the column itself is wide enough */
.wp-block-columns.is-not-stacked-on-mobile {
    flex-wrap: wrap !important;
}

/* NUCLEAR SEPARATION OF GRID HEADINGS */
.wp-block-column {
    flex-basis: 33.33% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 10px !important;
}

.wp-block-column h3, 
.wp-block-column h2 {
    position: static !important; /* Kills any absolute positioning */
    display: block !important;
    transform: none !important;
    margin: 0 0 15px 0 !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 1.2 !important;
}

/* FORCE FULL-WIDTH GRID GOVERNANCE */
.page-id-24 .entry-content .wp-block-columns {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-id-24 .wp-block-column {
    flex-basis: 33.33% !important;
    flex-grow: 1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 15px !important; /* Clinical breathing room */
}

/* Sync 23px Header Height to prevent staggered images */
.page-id-24 h3 {
    font-size: 23px !important;
    min-height: 70px !important; /* Ensures images below start at the same pixel */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* CONTACT PAGE SPATIAL GOVERNANCE */
.page-id-26 .entry-content {
    max-width: 800px !important;
    margin: 0 auto !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.wpforms-container {
    background: #fdfdfd !important;
    padding: 40px !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 4px !important;
}

/* CONTACT PAGE CLINICAL FRAME */
.page-id-26 .entry-content {
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 60px 20px !important;
}

.wpforms-form {
    background-color: #ffffff;
    padding: 40px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
}

/* MOBILE HEADER CLARITY */
@media (max-width: 768px) {
    .page-id-26 h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
        margin-bottom: 20px !important;
    }
    
    .page-id-26 p {
        padding-right: 20px !important; /* Prevents text from hitting the WhatsApp icon */
        font-size: 16px !important;
    }
}

/* Force Institutional Legibility on Hero Section */
.wp-block-group.has-background, 
.wp-block-cover {
    position: relative;
}

/* This creates the 85% Ghost Overlay manually */
.wp-block-group.has-background::before,
.wp-block-cover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85) !important; /* 85% White Overlay */
    z-index: 1;
}

/* Ensures your text and buttons sit ABOVE the overlay */
.wp-block-group.has-background > *, 
.wp-block-cover > * {
    position: relative;
    z-index: 2;
}

/* Force Institutional Legibility on Hero Section */
.wp-block-group.has-background, 
.wp-block-cover {
    position: relative;
}

/* This creates the 85% Ghost Overlay manually */
.wp-block-group.has-background::before,
.wp-block-cover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85) !important; /* 85% White Overlay */
    z-index: 1;
}

/* Ensures your text and buttons sit ABOVE the overlay */
.wp-block-group.has-background > *, 
.wp-block-cover > * {
    position: relative;
    z-index: 2;
}