.elementor-kit-1172{--e-global-color-primary:#2ecbff;--e-global-color-secondary:#4dffc3;--e-global-color-text:#000000;--e-global-color-accent:#ff4fa3;--e-global-color-background:#ffffff;--e-global-color-backgroundAccent:#f0f8ff;--e-global-color-transparent:#00000000;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:21px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Lora";--e-global-typography-text-font-size:24px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Lora";--e-global-typography-accent-font-size:26px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;--e-global-typography-heading-xl-font-family:"Poppins";--e-global-typography-heading-xl-font-size:56px;--e-global-typography-heading-xl-font-weight:600;--e-global-typography-heading-xl-line-height:1.2em;--e-global-typography-heading-l-font-family:"Poppins";--e-global-typography-heading-l-font-size:48px;--e-global-typography-heading-l-font-weight:600;--e-global-typography-heading-l-line-height:1.2em;--e-global-typography-heading-m-font-family:"Poppins";--e-global-typography-heading-m-font-size:40px;--e-global-typography-heading-m-font-weight:600;--e-global-typography-heading-m-line-height:1.2em;--e-global-typography-heading-s-font-family:"Poppins";--e-global-typography-heading-s-font-size:18px;--e-global-typography-heading-s-font-weight:500;--e-global-typography-body-s-font-family:"Lora";--e-global-typography-body-s-font-size:14px;--e-global-typography-body-s-font-weight:400;--e-global-typography-body-s-line-height:1.5em;background-color:transparent;background-image:linear-gradient(211deg, #7D7DFF 71%, #17EAFF 100%);}.elementor-kit-1172 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:#111111;padding-inline-end:10px;padding-inline-start:10px;}.site-footer{background-color:#111111;}.elementor-kit-1172 label{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:row;align-items:center;gap:9px;}.site-header .header-inner{width:1530px;max-width:100%;}.site-header .site-branding .site-logo img{width:106px;max-width:106px;}.site-header .site-description{color:#12FFE9;font-size:33px;}.site-header .site-navigation ul.menu li a{color:var( --e-global-color-text );}.site-header .site-navigation .menu li{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.site-footer .site-branding{flex-direction:column;align-items:stretch;}.site-footer .site-branding .site-logo img{width:144px;max-width:144px;}.site-footer .site-description{color:var( --e-global-color-primary );font-size:26px;}footer .footer-inner .site-navigation a{color:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-kit-1172{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-heading-xl-font-size:48px;--e-global-typography-heading-l-font-size:40px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-kit-1172{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-heading-xl-font-size:40px;--e-global-typography-heading-l-font-size:32px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS *//* =======================================
   GLOBAL TEXT READABILITY IMPROVEMENTS
   For Ocean Bloom Aquatics
   ======================================= */

/* 1. Increase base text size + line spacing */
body, p, li, span {
    font-size: 17px !important;
    line-height: 1.55em !important;
    color: #0A1B2A !important; /* deep navy for max contrast */
}

/* 2. Improve heading visibility */
h1, h2, h3, h4, h5, h6 {
    color: #0A1B2A !important;
    font-weight: 700 !important;
    line-height: 1.3em !important;
}

/* 3. High-contrast link color */
a {
    color: #0077ff !important;  /* bright reef blue */
    font-weight: 600 !important;
}
a:hover {
    color: #0099ff !important;
}

/* 4. Brighter, bolder buttons */
button, .elementor-button, input[type="submit"] {
    font-size: 17px !important;
    font-weight: 700 !important;
    background-color: #2ecbff !important; /* ocean bloom aqua */
    color: #0A1B2A !important;
    border-radius: 8px !important;
}
button:hover, .elementor-button:hover, input[type="submit"]:hover {
    background-color: #4dffc3 !important; /* neon aqua hover */
    color: #0A1B2A !important;
}

/* 5. Make all text over images readable (automatic overlay) */
.elementor-section[data-settings*="background_background"]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(10, 27, 42, 0.35); /* subtle dark overlay */
    z-index: 1;
}
.elementor-section[data-settings*="background_background"] > .elementor-container {
    position: relative;
    z-index: 2;
}

/* 6. Fix light/washed-out text in widgets */
.elementor-widget-heading,
.elementor-widget-text-editor,
.elementor-widget-shortcode {
    color: #0A1B2A !important;
}

/* 7. Stronger outlines for product cards */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #0A1B2A !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}

/* 8. Improve readability in price text */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #0A1B2A !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* 9. Prevent theme from shrinking fonts on mobile */
@media (max-width: 768px) {
    body, p, li, span {
        font-size: 17px !important;
    }
    h1 { font-size: 32px !important; }
    h2 { font-size: 26px !important; }
    h3 { font-size: 22px !important; }
}

/* =======================================
   OCEAN BLOOM AQUATICS – VISIBILITY FIXES
   ======================================= */

/* 1. Stop links (email, phone, address) from turning bright blue */
a, a:visited {
    color: #0A1B2A !important; /* clean navy text */
    text-decoration: none !important;
    font-weight: 600;
}
a:hover {
    color: #2ecbff !important; /* subtle bright hover */
    text-decoration: underline !important;
}

/* 2. Fix "Add to Cart" / "Add to Reef" buttons */
.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button,
.elementor-button,
button,
input[type="submit"] {
    background-color: #2ecbff !important;   /* bright aqua */
    color: #0A1B2A !important;              /* navy text */
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 10px 18px !important;
    border: none !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.12);
}

.woocommerce ul.products li.product .button:hover,
.elementor-button:hover,
button:hover,
input[type="submit"]:hover {
    background-color: #4dffc3 !important;  /* neon hover */
    color: #0A1B2A !important;
    transform: translateY(-2px);
}

/* 3. Email subscription box (newsletter form) – darker border + readable text */
input[type="email"],
input[type="text"],
input[type="search"],
input[type="tel"] {
    background: #ffffff !important;
    border: 2px solid #0A1B2A !important;
    color: #0A1B2A !important;
    padding: 10px 14px !important;
    font-size: 16px !important;
    border-radius: 6px !important;
}

input[type="email"]::placeholder {
    color: #7a8a9a !important; /* soft grey for readability */
}

/* 4. Remove highlight glow from clickable contact info */
a[href^="mailto"], 
a[href^="tel"], 
a[href*="maps"] {
    background: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* 5. Improve heading readability globally */
h1, h2, h3, h4, h5 {
    color: #0A1B2A !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 1px rgba(255,255,255,0.3);
}

/* 6. Product titles + prices darker and easier to read */
.woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
    color: #0A1B2A !important;
    font-weight: 700 !important;
}/* End custom CSS */