/**
 * HOM Garage Service - Custom CSS
 * Tailwind CDN handles all utility classes.
 * This file only contains custom component styles.
 *
 * @package HOM_Garage
 */

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #09090b; }
::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #f59e0b; }

/* Selection */
::selection { background-color: #f59e0b; color: #09090b; }

/* Details/Summary */
summary::-webkit-details-marker { display: none; }
summary { list-style: none; }

/* Gold Gradient */
.text-gold-gradient {
    background-image: linear-gradient(135deg, #fde68a 0%, #f59e0b 45%, #d97706 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Site header sticky (JS target) */
.site-header { position: sticky; }

/* ============================================================
   MOBILE MENU
   ============================================================ */
#mobile-menu-drawer.open {
    opacity: 1;
    pointer-events: auto;
}
#mobile-menu-drawer.open #mobile-menu-panel {
    transform: translateX(0);
}

/* Mobile Hizmetler accordion */
.mobile-hizmetler-sub {
    overflow: hidden;
    max-height: 0 !important;
    transition: max-height 0.3s ease;
}
.mobile-hizmetler-wrap.open .mobile-hizmetler-sub {
    max-height: 2000px !important;
}

/* Mobile Group sub-accordions */
.mobile-group-wrap .mobile-group-sub {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
}
.mobile-group-wrap.open .mobile-group-sub {
    max-height: 600px;
}
.mobile-group-wrap.open .mobile-group-chevron {
    transform: rotate(180deg);
}

/* ============================================================
   MEGA MENU
   ============================================================ */
#mega-menu-panel {
    transition: opacity 0.2s ease, transform 0.2s ease;
}

/* ============================================================
   SCHEDULE DROPDOWN
   ============================================================ */
#schedule-panel {
    transition: opacity 0.2s ease;
}

/* ============================================================
   QUICK CONTACT
   ============================================================ */
#quick-contact-panel {
    transition: opacity 0.2s ease, transform 0.2s ease;
}

/* ============================================================
   ACTIVE MENU ITEMS
   ============================================================ */
.current-menu-item > a,
.current-page-parent > a {
    color: #fbbf24;
    background-color: rgba(255, 255, 255, 0.05);
}

/* ============================================================
   DETAILS/ SUMMARY OPEN STATE
   ============================================================ */
details[open] > summary {
    background-color: #fff;
    border-color: #fcd34d;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
details[open] > summary.open\:bg-white { background-color: #fff; }
details[open] > summary.open\:border-amber-300 { border-color: #fcd34d; }
details[open] > summary.open\:shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }

/* Last child */
.last\:mb-0:last-child { margin-bottom: 0; }

/* Group open (FAQ accordion) */
details[open] > summary .faq-arrow,
.group-open\:rotate-45 { transform: rotate(45deg); }
details[open] > summary .faq-arrow { transform: rotate(45deg); }

/* ============================================================
   WORDPRESS ADMIN BAR FIX
   ============================================================ */
body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) {
    body.admin-bar .site-header { top: 46px; }
}

/* ============================================================
   PAGE TEMPLATE BREADCRUMBS
   ============================================================ */
.page-template-page-hakkimizda .breadcrumb,
.page-template-page-iletisim .breadcrumb,
.single-hizmet .breadcrumb,
.archive-hizmet .breadcrumb,
.archive-marka .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #a1a1aa;
}
.page-template-page-hakkimizda .breadcrumb a,
.page-template-page-iletisim .breadcrumb a,
.single-hizmet .breadcrumb a,
.archive-hizmet .breadcrumb a,
.archive-marka .breadcrumb a {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    transition: color 150ms;
}
.page-template-page-hakkimizda .breadcrumb a:hover,
.page-template-page-iletisim .breadcrumb a:hover,
.single-hizmet .breadcrumb a:hover,
.archive-hizmet .breadcrumb a:hover,
.archive-marka .breadcrumb a:hover {
    color: #fff;
}