/* ============================================================
   PF-HEADER — Unified header (standalone)
   Tema sayfaları responsive-pro.css §19/§19b kullanır;
   bu dosya Bootstrap içermeyen sayfalar (ana sayfa) içindir.
   sections/header.blade.php markup'ını framework'süz stiller.
   ============================================================ */

header { position: sticky; top: 0; z-index: 1000; background: #ffffff; box-shadow: 0 2px 12px rgba(15,23,42,0.06); font-family: 'Sora', 'DM Sans', sans-serif; }
header * { box-sizing: border-box; }
header ul { list-style: none; margin: 0; padding: 0; }
header a { text-decoration: none; color: inherit; }
header form { margin: 0; }

header .container { width: 100%; max-width: min(1360px, 96%); margin: 0 auto; padding: 0 clamp(14px, 2.5vw, 32px); }
header .row { margin: 0; }
header .row > [class*="col-"] { padding: 0; width: 100%; }
header .navbar { display: flex; align-items: center; flex-wrap: nowrap; width: 100%; padding: 14px 0; }
header .navbar > .container-fluid { display: flex; align-items: center; flex-wrap: nowrap; gap: 16px; width: 100%; padding: 0; }
header .position-relative { position: relative; }

/* Brand */
header .pf-brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; padding: 0; margin: 0; }
header .pf-brand-logo { max-height: 48px; width: auto; display: block; object-fit: contain; }

/* Nav */
header .navbar-collapse { display: flex; flex: 1 1 auto; min-width: 0; align-items: center; justify-content: space-between; }
header .pf-main-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; }
header .pf-main-nav .nav-link {
    display: inline-block;
    color: #14213d;
    font-weight: 600;
    font-size: 13.5px;
    white-space: nowrap;
    padding: 8px 12px;
    border-radius: 999px;
    position: relative;
    transition: color .2s ease, background-color .2s ease;
}
header .pf-main-nav .nav-link:hover,
header .pf-main-nav .nav-link.active { color: var(--primary-color, #2f6f6a); background: rgba(15, 23, 42, 0.04); }
header .pf-main-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 12px; right: 12px; bottom: 4px;
    height: 2px;
    background: var(--secondary-color, var(--primary-color, #2f6f6a));
    border-radius: 2px;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .25s ease;
}
header .pf-main-nav .nav-link:hover::after,
header .pf-main-nav .nav-link.active::after { transform: scaleX(1); }
header .pf-main-nav > .nav-item.d-lg-none { display: none; }

/* Right side */
header .header-right-wrap { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; margin-left: auto; }
header .header-right { display: flex; align-items: center; gap: 18px; white-space: nowrap; }
header .header-right a { display: inline-flex; align-items: center; gap: 6px; color: #14213d; font-size: 14px; font-weight: 500; transition: color .2s ease; }
header .header-right a:hover { color: var(--primary-color, #2f6f6a); }
header .cart-badge { position: absolute; top: -6px; right: -8px; background: var(--secondary-color, #ef4444); color: #fff; font-size: 10px; font-weight: 700; min-width: 18px; height: 18px; line-height: 18px; border-radius: 999px; text-align: center; padding: 0 5px; }

/* CTA — Randevu Al */
header .header-right a.pf-cta-btn {
    display: inline-flex; align-items: center;
    background: var(--primary-color, #2f6f6a); color: #fff;
    border-radius: 999px; padding: 9px 20px;
    font-size: 13.5px; font-weight: 700; line-height: 1.2;
    white-space: nowrap; transition: opacity .2s ease, transform .2s ease;
}
header .header-right a.pf-cta-btn:hover { color: #fff; opacity: .9; transform: translateY(-1px); }

/* User dropdown */
header .dropdown { position: relative; }
header .dropdown-toggle {
    display: inline-flex; align-items: center; gap: 6px;
    background: #f5f7fb; border: 1px solid #e6ebf2; color: #14213d;
    border-radius: 999px; padding: 7px 16px;
    font-size: 14px; font-weight: 600; line-height: 1.2; cursor: pointer;
}
header .dropdown-toggle:hover { background: #eef2f8; color: var(--primary-color, #2f6f6a); }
header .dropdown-toggle::after { content: ""; border: solid currentColor; border-width: 0 1.5px 1.5px 0; padding: 2.5px; transform: rotate(45deg) translateY(-2px); margin-left: 4px; }
header .dropdown-menu {
    display: none; position: absolute; right: 0; left: auto; top: 100%;
    background: #ffffff; border: 1px solid #e6ebf2; border-radius: 12px;
    box-shadow: 0 14px 36px rgba(15,23,42,0.12); padding: 6px; min-width: 180px; z-index: 1100;
}
header .dropdown:hover .dropdown-menu, header .dropdown-menu.show { display: block; }
header .dropdown-item { display: block; padding: 9px 14px; border-radius: 8px; color: #14213d; font-size: 13.5px; font-weight: 500; }
header .dropdown-item:hover { background: rgba(15,23,42,0.05); color: var(--primary-color, #2f6f6a); }

/* Hamburger */
header #nav-icon2 { display: none; width: 34px; height: 24px; position: relative; cursor: pointer; border: 0; background: transparent; padding: 0; flex: 0 0 auto; }
header #nav-icon2 span { display: block; position: absolute; height: 3px; width: 100%; background: var(--primary-color, #2f6f6a); border-radius: 3px; left: 0; transition: .25s ease-in-out; }
header #nav-icon2 span:nth-child(1), header #nav-icon2 span:nth-child(2) { top: 0; }
header #nav-icon2 span:nth-child(3), header #nav-icon2 span:nth-child(4) { top: 10px; }
header #nav-icon2 span:nth-child(5), header #nav-icon2 span:nth-child(6) { top: 20px; }

/* Mobile */
@media (max-width: 991.98px) {
    header .pf-brand-logo { max-height: 40px; }
    header #nav-icon2 { display: block; }
    header .navbar-collapse { display: none; }
    header .navbar-collapse.show {
        display: block;
        position: absolute;
        top: 100%; left: 0; right: 0;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
        background: #fff;
        box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
        padding: 12px 16px 20px;
        z-index: 1050;
    }
    header .pf-main-nav { flex-direction: column; align-items: stretch; gap: 0; }
    header .pf-main-nav .nav-link { display: block; padding: 12px 8px; border-bottom: 1px solid #f1f5f9; border-radius: 0; white-space: normal; }
    header .pf-main-nav .nav-link::after { display: none; }
    header .pf-main-nav > .nav-item.d-lg-none { display: block; padding: 12px 8px; }
    header .header-right a > span, header .dropdown-toggle > span { display: none; }
    header .header-right a.pf-cta-btn { padding: 8px 14px; font-size: 12.5px; }
    header .header-right { gap: 14px; }
}