/*
 Theme Name: oceanwp-child
 Theme URI: https://oceanwp.org/
 Description: OceanWP Child Theme
 Author: OceanWP
 Author URI: https://oceanwp.org/
 Template: oceanwp
 Version: 1.0.0
 Text Domain: oceanwp-child
*/

/* =========================================================================
   1. HERO ACTION BUTTONS - WHITE ON DARK HEROES (EXCLUDING WHITE BACKGROUNDS)
   ========================================================================= */
.infolib-hub-hero .infolib-btn-main,
.infolib-hub-hero a.infolib-btn-main,
.infolib-hub-hero .infolib-btn-primary,
.infolib-hub-hero a.infolib-btn-primary,
.infolib-hero:not(.hero-white):not(.bg-white) .infolib-btn-primary,
.infolib-hero:not(.hero-white):not(.bg-white) a.infolib-btn-primary,
.elementor-section[class*="hero"]:not(.hero-white):not(.bg-white):not([style*="background: #ffffff"]):not([style*="background-color: #ffffff"]) .infolib-btn-primary,
section[class*="hero"]:not(.hero-white):not(.bg-white):not([style*="background: #ffffff"]):not([style*="background-color: #ffffff"]):not([style*="background: rgb(255, 255, 255)"]):not([style*="background-color: rgb(255, 255, 255)"]) .infolib-btn-main,
section[class*="hero"]:not(.hero-white):not(.bg-white):not([style*="background: #ffffff"]):not([style*="background-color: #ffffff"]):not([style*="background: rgb(255, 255, 255)"]):not([style*="background-color: rgb(255, 255, 255)"]) .infolib-btn-primary,
section[class*="hero"]:not(.hero-white):not(.bg-white):not([style*="background: #ffffff"]):not([style*="background-color: #ffffff"]):not([style*="background: rgb(255, 255, 255)"]):not([style*="background-color: rgb(255, 255, 255)"]) a.hero-btn-lowercase {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #1d3557 !important;
    border: 2px solid #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    text-shadow: none !important;
}

.infolib-hub-hero .infolib-btn-main:hover,
.infolib-hub-hero a.infolib-btn-main:hover,
.infolib-hub-hero .infolib-btn-primary:hover,
.infolib-hub-hero a.infolib-btn-primary:hover,
.infolib-hero:not(.hero-white):not(.bg-white) .infolib-btn-primary:hover,
.infolib-hero:not(.hero-white):not(.bg-white) a.infolib-btn-primary:hover,
.elementor-section[class*="hero"]:not(.hero-white):not(.bg-white):not([style*="background: #ffffff"]):not([style*="background-color: #ffffff"]) .infolib-btn-primary:hover,
section[class*="hero"]:not(.hero-white):not(.bg-white):not([style*="background: #ffffff"]):not([style*="background-color: #ffffff"]):not([style*="background: rgb(255, 255, 255)"]):not([style*="background-color: rgb(255, 255, 255)"]) .infolib-btn-main:hover,
section[class*="hero"]:not(.hero-white):not(.bg-white):not([style*="background: #ffffff"]):not([style*="background-color: #ffffff"]):not([style*="background: rgb(255, 255, 255)"]):not([style*="background-color: rgb(255, 255, 255)"]) .infolib-btn-primary:hover,
section[class*="hero"]:not(.hero-white):not(.bg-white):not([style*="background: #ffffff"]):not([style*="background-color: #ffffff"]):not([style*="background: rgb(255, 255, 255)"]):not([style*="background-color: rgb(255, 255, 255)"]) a.hero-btn-lowercase:hover {
    background-color: #f1f5f9 !important;
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #f1f5f9 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-2px) !important;
    text-shadow: none !important;
}

/* =========================================================================
   2. HERO BREADCRUMB RETURN BUTTON - PURE WHITE FONTS & ICON
   ========================================================================= */
.infolib-breadcrumb-back,
.infolib-breadcrumb-back *,
.infolib-breadcrumb-back span,
.infolib-breadcrumb-back .back-arrow {
    color: #ffffff !important;
}
.infolib-breadcrumb-back {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    transition: all 0.2s ease !important;
}
.infolib-breadcrumb-back:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: #ffffff !important;
}