/*
Theme Name: Medical Site New
Theme URI:
Author: GopalP
Author URI:
Description:
Version: 2025.01
*/
@charset "utf-8";
/* CSS Document */

 body { font-family: 'Heebo', sans-serif; background-color: #01040f; color: white; scroll-behavior: smooth; overflow-x: hidden; }
        .glass { background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(25px); border: 1px solid rgba(255, 255, 255, 0.08); }
        .gold-gradient { background: linear-gradient(135deg, #d4af37 0%, #f9e29d 50%, #b8860b 100%); }
        .gold-text { color: #d4af37; text-shadow: 0 0 20px rgba(212, 175, 55, 0.4); }
        .hero-overlay { background: linear-gradient(to bottom, rgba(1,4,15,0.2) 0%, rgba(1,4,15,0.9) 85%, rgba(1,4,15,1) 100%); }
        
        /* סרגל צד ופס גלילה */
        #scroll-progress { width: 0%; box-shadow: 0 0 10px #d4af37; }
        .vertical-text { writing-mode: vertical-rl; transform: rotate(180deg); text-orientation: mixed; }
        #quick-sidebar { transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
        .sidebar-open { transform: translateX(0) !important; }
        #sidebar-overlay { transition: opacity 0.4s; }

        /* תפריט מובייל */
        #mobile-menu { transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
        .mobile-menu-open { transform: translateY(0) !important; }

        /* אלמנטים למאמר ולבלוג */
        .drop-cap::first-letter { color: #d4af37; float: right; font-size: 5rem; line-height: 4rem; padding-left: 0.5rem; font-weight: 900; }
        .magazine-columns { column-count: 1; column-gap: 4rem; }
        @media (min-width: 1024px) { .magazine-columns { column-count: 2; } }
        .blog-card img { transition: transform 0.7s ease; }
        .blog-card:hover img { transform: scale(1.08); }
        
        /* עיצוב מחשבון */
        select, input, textarea { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important; color: white !important; }
        select option { background-color: #0f172a; color: white; font-weight: bold; }
        .calc-input:focus { border-color: #d4af37 !important; box-shadow: 0 0 15px rgba(212, 175, 55, 0.2); outline: none; }
        .trip-btn.active { background: linear-gradient(135deg, #d4af37 0%, #f9e29d 50%, #b8860b 100%); color: black !important; font-weight: 900; border: none; }

        /* אנימציות */
        details > summary { list-style: none; cursor: pointer; }
        details > summary::-webkit-details-marker { display: none; }
        details[open] summary ~ * { animation: sweep .5s ease-in-out; }
        @keyframes sweep { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } }

        #scrollTopBtn { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; transform: translateY(100px); }
        #scrollTopBtn.visible { opacity: 1; transform: translateY(0); }
        #scrollTopBtn.driving-up { transform: translateY(-100vh); opacity: 0; transition: transform 1s cubic-bezier(0.5, 0, 0.1, 1), opacity 0.5s; }

        /* אנימציות רכבים */
        .vehicle-track { position: absolute; width: 100%; bottom: 0; pointer-events: none; z-index: 0; }
        @keyframes driveFast { 0% { transform: translateX(100vw); } 100% { transform: translateX(-100vw); } }
        @keyframes driveMedium { 0% { transform: translateX(100vw); } 100% { transform: translateX(-100vw); } }
        @keyframes driveSlow { 0% { transform: translateX(100vw); } 100% { transform: translateX(-100vw); } }
        .moving-bus-1 { animation: driveFast 14s linear infinite; filter: drop-shadow(0 0 8px rgba(212,175,55,0.6)); position: absolute; bottom: 80px; width: 180px; }
        .moving-minibus { animation: driveMedium 17s linear infinite 3s; filter: drop-shadow(0 0 6px rgba(255,255,255,0.4)); position: absolute; bottom: 40px; width: 140px; }
        .moving-bus-vip { animation: driveSlow 22s linear infinite 6s; filter: drop-shadow(0 0 10px rgba(184, 134, 11, 0.8)); position: absolute; bottom: 10px; width: 220px; }