/* =============================================================
   SIBEL ÇAKIR — EMINENT AUTHORITY REDESIGN
   Override layer for: sibel-modern theme
   Loads LAST to override numbered legacy stylesheets.
   Phases 1–7 (color, font, header, hero, cards/buttons, footer, responsive)
   ============================================================= */

/* =============================================================
   PHASE 1 — COLOR SYSTEM (Eminent Authority palette)
   ============================================================= */
:root {
    /* Brand */
    --ea-primary:           #4c396a;   /* deep scholarly purple */
    --ea-primary-hover:     #3d2d57;
    --ea-primary-soft:      #efeaf5;
    --ea-secondary:         #0f6c3d;   /* forest green */
    --ea-secondary-hover:   #0b5230;
    --ea-secondary-soft:    #e6f1ec;
    --ea-tertiary:          #424240;   /* warm charcoal */

    /* Surfaces */
    --ea-surface:           #f8fafb;
    --ea-surface-2:         #f1f4f6;
    --ea-surface-3:         #e6ebee;
    --ea-bg:                #ffffff;

    /* Ink */
    --ea-ink:               #1c1c1b;
    --ea-ink-2:             #424240;
    --ea-ink-3:             #6b6b69;
    --ea-ink-4:             #9a9a98;
    --ea-line:              rgba(0,0,0,0.08);
    --ea-line-strong:       rgba(0,0,0,0.16);

    /* Accents (status) */
    --ea-error:             #b3261e;
    --ea-success:           var(--ea-secondary);

    /* Fonts */
    --ea-font-headline:     'Noto Serif', Georgia, 'Times New Roman', serif;
    --ea-font-body:         'Manrope', 'Helvetica Neue', Arial, sans-serif;
    --ea-font-label:        'Inter', 'Helvetica Neue', Arial, sans-serif;

    /* Radii */
    --ea-r-sm:              2px;
    --ea-r-md:              4px;
    --ea-r-lg:              8px;
    --ea-r-pill:            999px;

    /* Spacing */
    --ea-pad-section:       80px;
    --ea-pad-section-mobile: 48px;
}

/* Global color overrides (legacy used #b4665c coral, #3AB3DF cyan, #eb662d orange) */
body { background: var(--ea-bg) !important; color: var(--ea-ink-2); }

/* Common text/heading colors */
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { color: var(--ea-ink) !important; }
h5, .h5 { color: var(--ea-primary) !important; }
h6, .h6 { color: var(--ea-ink-2) !important; }
p { color: var(--ea-ink-3); }
a { color: var(--ea-primary); transition: color .2s ease; }
a:hover { color: var(--ea-primary-hover); text-decoration: none; }

/* Replace legacy coral/cyan accents */
.text-primary, .color-primary { color: var(--ea-primary) !important; }
.text-secondary { color: var(--ea-secondary) !important; }
.bg-primary { background-color: var(--ea-primary) !important; color: #fff !important; }
.bg-secondary { background-color: var(--ea-secondary) !important; color: #fff !important; }
.bg-light, .bg-soft { background-color: var(--ea-surface) !important; }
.border-primary { border-color: var(--ea-primary) !important; }

/* Override legacy coral & cyan utilities found in 4-stylesheet.css */
[style*="#b4665c"], [class*="coral"] { color: inherit; }
.btn-soft-success { background: var(--ea-primary-soft) !important; color: var(--ea-primary) !important; border: 1px solid var(--ea-primary-soft) !important; }
.btn-soft-success:hover { background: var(--ea-primary) !important; color: #fff !important; }


/* =============================================================
   PHASE 2 — TYPOGRAPHY (Noto Serif + Manrope + Inter)
   ============================================================= */
html { font-size: 16px; }
body {
    font-family: var(--ea-font-body) !important;
    font-size: 16px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--ea-ink-2);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--ea-font-headline) !important;
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.2;
    color: var(--ea-ink);
}

h1, .h1 { font-size: 2.75rem; font-weight: 700; letter-spacing: -0.02em; }
h2, .h2 { font-size: 2.125rem; font-weight: 600; }
h3, .h3 { font-size: 1.5rem;  font-weight: 600; }
h4, .h4 { font-size: 1.175rem; font-weight: 600; }

/* h5 used as label-caps in Eminent Authority style */
h5, .h5 {
    font-family: var(--ea-font-label) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--ea-primary) !important;
}
h6, .h6 {
    font-family: var(--ea-font-label) !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--ea-ink-2) !important;
}

p { font-family: var(--ea-font-body); font-size: 1rem; line-height: 1.7; color: var(--ea-ink-3); }
.lead, .intro, p.intro { font-size: 1.125rem; line-height: 1.65; color: var(--ea-ink-2); }

/* Label-caps utility — add class="ea-label" anywhere */
.ea-label, .label-caps {
    font-family: var(--ea-font-label);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ea-primary);
}

/* Editorial italic flourish for serif accents */
.ea-italic, em.flourish { font-family: var(--ea-font-headline); font-style: italic; }


/* =============================================================
   PHASE 3 — HEADER & NAVIGATION
   ============================================================= */
/* Top informational bar */
#top-bar, .top-bar, .header-top {
    background: var(--ea-ink) !important;
    color: rgba(255,255,255,0.85) !important;
    border-bottom: none !important;
}
#top-bar a, .top-bar a, .header-top a { color: rgba(255,255,255,0.85) !important; }
#top-bar a:hover, .top-bar a:hover, .header-top a:hover { color: #fff !important; }

/* Main header */
header, .site-header, .main-header, .navbar, .header-wrapper {
    background: rgba(255,255,255,0.92) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--ea-line) !important;
    box-shadow: none !important;
}
header.fixed, .site-header.fixed, .navbar.fixed-top, .scroll-on .navbar {
    background: rgba(255,255,255,0.96) !important;
    box-shadow: 0 1px 0 var(--ea-line) !important;
}

/* Nav links */
.navbar-nav > li > a,
.main-nav a,
.menu > li > a,
nav.main a {
    font-family: var(--ea-font-headline) !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    color: var(--ea-ink) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 18px 16px !important;
    transition: color .2s ease;
}
.navbar-nav > li > a:hover,
.main-nav a:hover,
.menu > li > a:hover {
    color: var(--ea-primary) !important;
    background: transparent !important;
}
.navbar-nav > li.active > a,
.menu > li.active > a {
    color: var(--ea-primary) !important;
    border-bottom: 2px solid var(--ea-primary);
}

/* Dropdown */
.dropdown-menu, .sub-menu {
    background: #fff !important;
    border: 1px solid var(--ea-line) !important;
    border-radius: var(--ea-r-md) !important;
    box-shadow: 0 12px 32px rgba(28,28,27,0.08) !important;
    padding: 8px 0 !important;
}
.dropdown-menu > li > a, .sub-menu li a {
    color: var(--ea-ink-2) !important;
    font-family: var(--ea-font-body) !important;
    font-size: 0.9375rem !important;
    padding: 8px 20px !important;
}
.dropdown-menu > li > a:hover, .sub-menu li a:hover {
    background: var(--ea-primary-soft) !important;
    color: var(--ea-primary) !important;
}

/* Logo area */
.navbar-brand, .logo, .site-logo { padding: 12px 0 !important; }
.navbar-brand img, .logo img { max-height: 56px; }


/* =============================================================
   PHASE 4 — HERO & SECTIONS
   ============================================================= */
.hero, .hero-section, .home-banner, #pages-bg, .page-header {
    background: var(--ea-surface) !important;
    color: var(--ea-ink) !important;
    padding: var(--ea-pad-section) 0 !important;
    border-bottom: 1px solid var(--ea-line);
}
.hero h1, .hero-section h1, .page-header h1 {
    font-size: 3rem !important;
    line-height: 1.1 !important;
    color: var(--ea-ink) !important;
    margin-bottom: 1.25rem;
}
.hero p, .hero-section p { font-size: 1.125rem; color: var(--ea-ink-2); max-width: 60ch; }

/* Hero images — Eminent Authority uses 4/5 portrait with subtle desaturation */
.hero img, .hero-section img {
    border-radius: var(--ea-r-md);
    filter: grayscale(15%);
    transition: filter .6s ease;
}
.hero img:hover, .hero-section img:hover { filter: grayscale(0%); }

/* Section spacing */
section, .section, .content-section {
    padding: var(--ea-pad-section) 0;
}
.section-tight { padding: 48px 0 !important; }

/* Section titles */
.section-title, .sec-title, .heading-section {
    margin-bottom: 48px;
}
.section-title h2, .sec-title h2 {
    font-size: 2.25rem;
    margin-bottom: 12px;
}
.section-title .subtitle, .sec-title .subtitle, .section-label {
    font-family: var(--ea-font-label);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ea-primary);
    display: block;
    margin-bottom: 12px;
}

/* Light/dark alternating section backgrounds */
.bg-section-light { background: var(--ea-surface) !important; }
.bg-section-dark  { background: var(--ea-ink) !important; color: #fff !important; }
.bg-section-dark h1, .bg-section-dark h2, .bg-section-dark h3 { color: #fff !important; }
.bg-section-dark p { color: rgba(255,255,255,0.78) !important; }

/* Decorative pattern backgrounds — neutralize old dental patterns */
[style*="denta-patterm"], [style*="pages-bg.jpg"], [style*="img2.jpg"] {
    background-image: none !important;
    background-color: var(--ea-surface) !important;
}


/* =============================================================
   PHASE 5 — CARDS & BUTTONS
   ============================================================= */
/* ---- Buttons ---- */
.btn,
button.btn,
input[type="submit"],
input[type="button"],
.button {
    font-family: var(--ea-font-label) !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 14px 28px !important;
    border-radius: var(--ea-r-sm) !important;
    border: 1px solid transparent !important;
    transition: all .25s ease !important;
    line-height: 1.3 !important;
    cursor: pointer;
    box-shadow: none !important;
}

.btn-primary, .btn.btn-primary, .button.primary,
input[type="submit"] {
    background: var(--ea-primary) !important;
    color: #fff !important;
    border-color: var(--ea-primary) !important;
}
.btn-primary:hover, .btn.btn-primary:hover, .button.primary:hover,
input[type="submit"]:hover {
    background: var(--ea-primary-hover) !important;
    border-color: var(--ea-primary-hover) !important;
    color: #fff !important;
}

.btn-secondary, .btn-outline, .btn.btn-default {
    background: transparent !important;
    color: var(--ea-ink) !important;
    border-color: var(--ea-ink) !important;
}
.btn-secondary:hover, .btn-outline:hover, .btn.btn-default:hover {
    background: var(--ea-ink) !important;
    color: #fff !important;
}

.btn-success, .btn.btn-success {
    background: var(--ea-secondary) !important;
    color: #fff !important;
    border-color: var(--ea-secondary) !important;
}
.btn-success:hover, .btn.btn-success:hover {
    background: var(--ea-secondary-hover) !important;
    border-color: var(--ea-secondary-hover) !important;
}

.btn-link { color: var(--ea-primary) !important; text-transform: none !important; letter-spacing: 0 !important; padding: 0 !important; }
.btn-link:hover { color: var(--ea-primary-hover) !important; text-decoration: underline !important; }

/* Pulsing WhatsApp button — keep PNG icon, restyle bg color only */
.pulse-button-w {
    background-color: var(--ea-secondary) !important;
    box-shadow: 0 6px 20px rgba(15,108,61,0.3) !important;
}

/* ---- Cards ---- */
.card,
.service-box,
.feature-box,
.product-box,
.box,
.team-box,
.blog-box,
.project-box {
    background: #fff !important;
    border: 1px solid var(--ea-line) !important;
    border-radius: var(--ea-r-md) !important;
    box-shadow: none !important;
    overflow: hidden;
    transition: border-color .25s ease, transform .35s ease, box-shadow .25s ease;
}
.card:hover,
.service-box:hover,
.feature-box:hover,
.product-box:hover,
.team-box:hover,
.blog-box:hover {
    border-color: var(--ea-primary) !important;
    box-shadow: 0 12px 32px rgba(28,28,27,0.06) !important;
    transform: translateY(-2px);
}
.card-body, .card .body, .service-box .content {
    padding: 24px !important;
}
.card-title, .card h3, .card h4 {
    font-family: var(--ea-font-headline) !important;
    margin-bottom: 8px;
}
.card-img-top, .card img.img-top, .service-box img, .blog-box img {
    transition: transform .6s ease;
    width: 100%;
}
.card:hover .card-img-top, .service-box:hover img, .blog-box:hover img {
    transform: scale(1.04);
}

/* Form inputs — minimalist, border-bottom only */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select,
.form-control {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ea-line-strong) !important;
    border-radius: 0 !important;
    padding: 12px 0 !important;
    font-family: var(--ea-font-body) !important;
    font-size: 1rem !important;
    color: var(--ea-ink) !important;
    box-shadow: none !important;
    transition: border-color .2s ease;
}
input:focus, textarea:focus, select:focus, .form-control:focus {
    border-bottom-color: var(--ea-primary) !important;
    outline: none !important;
    box-shadow: none !important;
}
label {
    font-family: var(--ea-font-label) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--ea-ink-3) !important;
    margin-bottom: 8px !important;
}

/* Tables */
.table { border-collapse: collapse; }
.table th {
    font-family: var(--ea-font-label);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ea-ink-3);
    border-bottom: 2px solid var(--ea-line-strong) !important;
    padding: 14px 12px !important;
}
.table td { padding: 14px 12px !important; border-bottom: 1px solid var(--ea-line) !important; }


/* =============================================================
   PHASE 6 — FOOTER
   ============================================================= */
footer, .site-footer, #footer, .footer {
    background: var(--ea-ink) !important;
    color: rgba(255,255,255,0.72) !important;
    padding: 80px 0 32px !important;
    background-image: none !important;
    border-top: 0 !important;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
    color: #fff !important;
    font-family: var(--ea-font-headline) !important;
}
footer h4, .footer h4, footer .widget-title, .footer .widget-title {
    font-family: var(--ea-font-label) !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.6) !important;
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}
footer p, .footer p { color: rgba(255,255,255,0.65) !important; }
footer a, .footer a { color: rgba(255,255,255,0.78) !important; transition: color .2s ease; }
footer a:hover, .footer a:hover { color: #fff !important; text-decoration: none; }
footer ul, .footer ul { list-style: none; padding: 0; }
footer ul li, .footer ul li { padding: 6px 0; border: 0 !important; }

/* Social icons */
footer .social a, .footer .social a, .footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px; height: 38px;
    border-radius: var(--ea-r-pill);
    border: 1px solid rgba(255,255,255,0.18) !important;
    color: rgba(255,255,255,0.85) !important;
    margin-right: 6px;
    transition: all .25s ease;
}
footer .social a:hover, .footer .social a:hover, .footer-social a:hover {
    background: var(--ea-primary) !important;
    border-color: var(--ea-primary) !important;
    color: #fff !important;
}

/* Footer bottom bar */
.footer-bottom, .copyright, footer .copyright {
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    margin-top: 48px;
    padding-top: 24px !important;
    font-size: 0.875rem !important;
    color: rgba(255,255,255,0.5) !important;
}

/* Newsletter / subscribe in footer */
footer input[type="email"], .footer input[type="email"] {
    color: #fff !important;
    border-bottom-color: rgba(255,255,255,0.25) !important;
}
footer input[type="email"]::placeholder { color: rgba(255,255,255,0.5) !important; }
footer input[type="email"]:focus { border-bottom-color: #fff !important; }


/* =============================================================
   PHASE 7 — RESPONSIVE
   ============================================================= */
@media (max-width: 1199px) {
    h1, .h1 { font-size: 2.5rem; }
    .hero h1, .hero-section h1, .page-header h1 { font-size: 2.5rem !important; }
}
@media (max-width: 991px) {
    :root { --ea-pad-section: 64px; }
    h1, .h1 { font-size: 2.25rem; }
    h2, .h2 { font-size: 1.75rem; }
    .hero, .hero-section, .home-banner, .page-header { padding: 64px 0 !important; }
    .hero h1, .hero-section h1, .page-header h1 { font-size: 2.25rem !important; }
    .navbar-nav > li > a, .main-nav a, .menu > li > a { padding: 14px 12px !important; }
    section, .section, .content-section { padding: 64px 0; }
}
@media (max-width: 767px) {
    :root { --ea-pad-section: 48px; }
    body { font-size: 15px; }
    h1, .h1 { font-size: 1.875rem; }
    h2, .h2 { font-size: 1.5rem; }
    h3, .h3 { font-size: 1.25rem; }
    .hero, .hero-section, .home-banner, .page-header { padding: 48px 0 !important; }
    .hero h1, .hero-section h1, .page-header h1 { font-size: 1.875rem !important; }
    section, .section, .content-section { padding: 48px 0; }
    .card-body, .card .body, .service-box .content { padding: 20px !important; }
    .btn { padding: 12px 22px !important; font-size: 0.75rem !important; }
    footer, .site-footer, #footer, .footer { padding: 56px 0 24px !important; }
    /* Mobile menu — stacked, full-width */
    .navbar-collapse, .mobile-menu {
        background: #fff;
        border-top: 1px solid var(--ea-line);
    }
    .navbar-nav > li > a {
        padding: 14px 20px !important;
        border-bottom: 1px solid var(--ea-line);
    }
}
@media (max-width: 480px) {
    h1, .h1 { font-size: 1.625rem; }
    .hero h1, .hero-section h1, .page-header h1 { font-size: 1.625rem !important; }
    .container { padding-left: 20px; padding-right: 20px; }
    .pulse-button-w { transform: scale(0.9); }
}

/* Reduced-motion respect */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* =============================================================
   END OF REDESIGN OVERRIDE
   ============================================================= */