/**
 * DentalOwl: Scrollable content + visibility/contrast
 */

/* ========== 1. SCROLLABLE CONTENT ========== */
html {
    overflow-y: scroll;
    scroll-behavior: smooth;
}

body {
    overflow-y: auto;
    min-height: 100vh;
}

/* Main content area always scrollable */
main {
    overflow: visible;
    min-height: 0;
}

/* ========== 2. CONTRAST & VISIBILITY ========== */
/* Hero: ensure text is readable on blue */
.hero-section.bg-primary,
.page-home .dentalowl-hero.bg-primary {
    color: #fff;
}

.hero-section.bg-primary .display-4,
.hero-section.bg-primary .lead,
.hero-section.bg-primary .trust-line,
.hero-section.bg-primary .trust-indicators,
.hero-section.bg-primary .trust-indicators small {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.hero-section.bg-primary .text-warning {
    color: #ffc107 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.hero-section.bg-primary .alert-warning {
    background: rgba(255,255,255,0.95);
    color: #1a1a1a;
    border: 1px solid rgba(0,0,0,0.1);
}

.hero-section.bg-primary .btn-outline-light {
    border-color: rgba(255,255,255,0.9);
    color: #fff;
}

.hero-section.bg-primary .btn-outline-light:hover {
    background: rgba(255,255,255,0.2);
    color: #fff;
    border-color: #fff;
}

/* Section content: dark text on light backgrounds */
.campus-delivery-section,
section.bg-light,
section.py-5 {
    color: #1a1a1a;
}

.campus-delivery-section h2,
.campus-delivery-section h3,
section h2,
section h3 {
    color: #1a1a1a;
}

.campus-delivery-section p,
section p {
    color: #333;
}

/* Cards and content blocks */
.card,
.card-dentalowl {
    color: #1a1a1a;
}

.card .card-title,
.card h5 {
    color: #1a1a1a;
}

.card .card-text {
    color: #444;
}

/* Nav links in header: ensure visible on gradient */
.nav-outer.bg-nav .nav-category a,
.nav-outer.bg-nav .nav-category span {
    color: rgba(255,255,255,0.95);
}

.nav-outer.bg-nav .nav-category.active-nav a,
.nav-outer.bg-nav .nav-category.active-nav span {
    color: #fff;
}

.nav-outer.bg-nav .ionicon-bag-handle-outline,
.nav-outer.bg-nav .shopingicon a {
    color: rgba(255,255,255,0.95);
}