/* ============================================================
   RepLothe — design refresh: borderless, sleeker, sharper
   Loaded after styles.css to override.
   ============================================================ */
:root{
    --rl-radius: 16px;
    --rl-radius-sm: 12px;
    --rl-shadow-sm: 0 4px 20px rgba(17,24,39,.06);
    --rl-shadow: 0 20px 55px rgba(17,24,39,.10);
    --rl-line: #eef0f5;
}

/* ---- NAV: drop the border line, add subtle glass + shadow ---- */
.navbar.border-bottom,
.navbar-light.bg-white{
    border-bottom: 0 !important;
    background: rgba(255,255,255,.9) !important;
    backdrop-filter: saturate(180%) blur(14px);
    box-shadow: 0 2px 24px rgba(17,24,39,.05);
}
.navbar{ padding-top: .7rem; padding-bottom: .7rem; }
.navbar .nav-link{ font-weight: 600; opacity: .85; transition: opacity .2s, color .2s; }
.navbar .nav-link:hover{ opacity: 1; }
.navbar .dropdown-menu{ border: 0; border-radius: var(--rl-radius-sm); box-shadow: var(--rl-shadow); padding: .5rem; }
.navbar .dropdown-item{ border-radius: 8px; font-weight: 500; }

/* ---- CARDS: borderless, soft shadow, rounded, smooth lift ---- */
.card{
    border: 0 !important;
    border-radius: var(--rl-radius) !important;
    box-shadow: var(--rl-shadow-sm);
    transition: transform .24s ease, box-shadow .24s ease;
    overflow: hidden;
}
.card.shadow, .card.shadow-sm{ box-shadow: var(--rl-shadow-sm) !important; }
.card:hover, .hover-shadow:hover{ transform: translateY(-6px); box-shadow: var(--rl-shadow) !important; }
.card-footer, .card-header{ border-top: 0 !important; border-bottom: 0 !important; background: transparent !important; }
.card-img-top, .featured-image{ object-fit: cover; }
.category-card{ border-radius: var(--rl-radius) !important; }
.category-card:hover{ transform: translateY(-6px); }

/* ---- BADGES / pills -> subtle sleek tags ---- */
.badge.bg-secondary{
    background: #f2f4f8 !important;
    color: #5b6472 !important;
    font-weight: 600;
    border-radius: 8px;
    padding: .42em .72em;
    letter-spacing: .1px;
}
.featured-badge{ border-radius: 8px !important; letter-spacing: .3px; }

/* ---- LIST GROUPS: borderless ---- */
.list-group-item{ border: 0 !important; padding-left: 0; padding-right: 0; }
.list-group-flush > .list-group-item + .list-group-item{ border-top: 1px solid var(--rl-line) !important; }

/* ---- BUTTONS: rounded, sleek ---- */
.btn{ border-radius: 10px; font-weight: 600; }
.btn-lg{ border-radius: 12px; }
.btn-primary{ border: 0; box-shadow: 0 10px 26px rgba(79,70,229,.22); }
.btn-primary:hover{ transform: translateY(-1px); box-shadow: 0 14px 32px rgba(79,70,229,.3); }
.btn-outline-primary, .btn-outline-secondary, .btn-outline-light{ border-width: 1.5px; }

/* ---- FORMS: rounded, soft ---- */
.form-control, .form-select{ border-radius: 10px; border-color: #e6e8ee; }
.form-control:focus, .form-select:focus{ box-shadow: 0 0 0 .2rem rgba(79,70,229,.12); border-color: #c7c9f0; }

/* ---- FAQ ACCORDION: borderless sleek ---- */
.accordion-item{ border: 0 !important; border-radius: var(--rl-radius-sm) !important; box-shadow: var(--rl-shadow-sm); overflow: hidden; }
.accordion-button{ border-radius: var(--rl-radius-sm) !important; font-weight: 600; }
.accordion-button:not(.collapsed){ background: #f7f8fb; color: inherit; box-shadow: none; }
.accordion-button:focus{ box-shadow: none; border-color: transparent; }
.accordion-button::after{ background-size: 1rem; }

/* ---- FOOTER: kill inner boxes / borders, cleaner ---- */
.footer, .footer.bg-dark{ }
.footer [class*="border"], .footer .border, .footer hr{ border: 0 !important; }
.footer hr{ height: 1px; background: rgba(255,255,255,.12); opacity: 1; }
.footer-link{ opacity: .72; transition: opacity .2s; }
.footer-link:hover{ opacity: 1; }
.pre-footer{ border-radius: 0; }

/* ---- Generic: remove stray hairline borders that make it look boxy ---- */
.border, .border-top, .border-bottom, .border-start, .border-end{ border-color: transparent !important; }
hr{ border: 0; height: 1px; background: var(--rl-line); opacity: 1; }

/* ---- Sharpen headings + rhythm ---- */
.section-title, h2.h4, .card-title{ letter-spacing: -.3px; }
section{ }
.newsletter-section{ border-radius: 0; }