/* MedyaHors Custom CSS - Static overrides */
/* Dynamic colors come from style.css.php */

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Selection color */
::selection {
    background: var(--primary);
    color: #fff;
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: var(--secondary); }
::-webkit-scrollbar-thumb:hover { background: var(--primary); }

/* Loading animation */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Swiper custom */
.swiper-pagination-bullet-active { background: var(--primary) !important; }
.swiper-button-next, .swiper-button-prev { color: var(--primary) !important; }

/* Flatpickr custom */
.flatpickr-day.selected { background: var(--primary) !important; border-color: var(--primary) !important; }

/* Page Header (Detail pages) */
.page-header {
    background: var(--secondary);
    padding: 4rem 0 3rem;
    position: relative;
}
.page-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--primary);
}
.page-header h1 {
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.page-header .breadcrumb {
    margin-bottom: 0;
}
.page-header .breadcrumb-item a { color: rgba(255,255,255,0.7); }
.page-header .breadcrumb-item.active { color: var(--primary); }
.page-header .breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,0.4); }

/* Back to top */
.back-to-top {
    position: fixed;
    bottom: 80px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: var(--primary);
    color: #fff;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1030;
    cursor: pointer;
    transition: var(--transition);
    border: 0;
    font-size: 1rem;
}
.back-to-top:hover {
    background: var(--secondary);
    transform: translateY(-3px);
}
.back-to-top.show { display: flex; }