/* Header genel */ .custom-header, .header, .header-container { background-color: #001d6e; /* Logo ile uyumlu lacivert */ padding: 10px 20px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); position: relative; z-index: 1; } /* İçerik hizalama */ .header-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } /* Menü */ .main-nav .menu { list-style: none; display: flex; gap: 20px; margin: 0; padding: 0; } /* Menü bağlantıları */ .main-nav .menu li a { color: #ffffff; font-size: 15px; font-weight: 600; text-decoration: none; text-transform: uppercase; transition: color 0.3s; } .main-nav .menu li a:hover { color: #ffcc00; /* Sarı vurgu */ } /* Arka plan efektleri */ .primarycolor-afterbg:after { background-color: #243367 !important; /* Ton uyumu için daha açık bir mavi */ } /* Logo */ .logo img { max-width: 200px; height: auto; transition: transform 0.3s ease; } .logo img:hover { transform: scale(1.05); } /* Arama kutusu konteyneri */ .search-container, .search-box, .journey-search-wrapper { position: relative; z-index: 10; } /* Mobil uyum */ @media (max-width: 768px) { .main-nav .menu { flex-direction: column; gap: 10px; } .header-inner { flex-direction: column; align-items: flex-start; } /* Mobilde arama kutusu üstte kalsın */ .journey-search-wrapper { position: relative !important; left: auto !important; bottom: auto !important; transform: none !important; margin: 10px auto; } } /* ========== YENİ EKLENEN KISIM ========== */ /* Banner arka planı */ .banner, .banner-container, .slider-container { background: linear-gradient(to right, #001d6e, #243367); color: #ffffff; position: relative; /* Önemli: arama kutusu konumlandırması için */ } /* Arama kutusu alanı */ .journey-search-wrapper { position: absolute; /* Otobüsün altına taşımak için */ bottom: 30px; /* İsteğe göre ayarlayabilirsin (örn. 20px, 50px) */ left: 50%; transform: translateX(-50%); background-color: #001d6e; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 10; } /* Form elemanları */ .journey-search-wrapper select, .journey-search-wrapper input[type="text"], .journey-search-wrapper input[type="date"] { background-color: #ffffff; border: 1px solid #ccc; color: #001d6e; font-weight: 600; padding: 8px; border-radius: 5px; margin-right: 10px; } /* Arama butonu */ .journey-search-wrapper button, .journey-search-wrapper .search-btn { background-color: #ffcc00; color: #001d6e; font-weight: bold; border: none; padding: 10px 20px; border-radius: 5px; transition: background-color 0.3s; } .journey-search-wrapper button:hover { background-color: #e6b800; } /* Dropdown ok simgesi (gri yerine mavi SVG) */ .journey-search-wrapper select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg fill='%23001d6e' height='10' viewBox='0 0 24 24' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px; }
Yeni Üye
section.contact-us .info .icon { width: auto; padding: .3rem; margin-top: .08rem; display: inline-block; }