/* ==========================================================================
   SEKİZ ACİL SAĞLIK HİZMETLERİ — Kurumsal renk teması
   Logodaki lacivert ve kırmızı tonları. style.css ve css/color/* üzerine yazar.
   Eski renklere dönmek için index.php içindeki sekiz-tema.css satırını kaldırın.
   ========================================================================== */
:root {
	--s-lacivert:       #13254A;
	--s-lacivert-koyu:  #0B1A38;
	--s-lacivert-acik:  #2A3F6B;
	--s-kirmizi:        #C8101A;
	--s-kirmizi-parlak: #E3242B;
	--s-kirmizi-koyu:   #9E0C14;
	--s-kirmizi-acik:   #FF6B70; /* koyu zeminde okunur kırmızı */
}

/* ---- Renk teması dosyasındaki kuralların lacivert karşılıkları ---- */
a:hover {
	color:var(--s-lacivert);
}
.breadcrumb{
	background: var(--s-lacivert);
}
.breadcrumb > li > a{
	color:#ddd;
}
.breadcrumb .active{
	color:#eee;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: var(--s-lacivert);
    border-color: #ddd;
}
a.list-group-item, button.list-group-item {
	color: #fff;
}
.list-group-item {
	background-color: var(--s-lacivert);
	border: 1px solid #ddd;
}
.list-group-item:first-child,.list-group-item:last-child{
	border-radius: 0;
}
.sw-duyurular-body-devam{
	background: var(--s-lacivert);
	color:#fff;
}
.sw-duyurular-body-devam:hover{
	color:#aaa;
}
.sw-duyurular-takvim{
	background: var(--s-lacivert);
	color:#fff;
}
.sw-onceki-btn i,.sw-sonraki-btn i{
	background: var(--s-lacivert);
	color:#fff;
}
.sw-iletisim-bilgi>ul>li>i{background: var(--s-lacivert);color:#fff;}
.sw-urun-ozellikleri .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{border-top:3px solid var(--s-lacivert);}
.sw-urun-diger-box-footer ul li a{background: var(--s-lacivert);}
.sw-urun-ekatalog>h2{border-top: 3px solid var(--s-lacivert);}
.sw-urun-ekatalog>ul>li>a:hover{border-left:3px solid var(--s-lacivert);}
.sw-iletisim-form .form-group .btn{background: var(--s-lacivert);color:#fff;}
.sw-e-katalog-box>ul>li>a:hover{border-left:3px solid var(--s-lacivert);}
.sw-e-katalog-box>ul>li>a:hover .icon-bir{color:var(--s-lacivert);}
.sw-e-katalog-box>ul>li>a .incele{border:1px solid var(--s-lacivert);color:var(--s-lacivert);}
.sw-e-katalog-box>ul>li>a:hover .incele{border:1px solid var(--s-lacivert);color:#fff;background: var(--s-lacivert);}
.sw-fiyatlar-hesap-box a{color:var(--s-lacivert);}
.sw-fiyatlar-box>ul>li:hover {color:var(--s-lacivert);border-left:3px solid var(--s-lacivert);}
.sw-fiyatlar-box>ul>li:hover .icon{color:var(--s-lacivert);}
.sw-fiyatlar-box>ul>li .fiyat{border:1px solid var(--s-lacivert);color:var(--s-lacivert);}
.sw-fiyatlar-box>ul>li:hover .fiyat{border:1px solid var(--s-lacivert);color:#fff;background: var(--s-lacivert);}
.sw-sss-kat-list>ul>li>a{background: var(--s-lacivert);color:#fff;}
/* ---- Genel ---- */
a:hover, a:focus { color: var(--s-kirmizi); }
.btn-primary, .btn-primary:focus { background-color: var(--s-lacivert); border-color: var(--s-lacivert-koyu); }
.btn-primary:hover, .btn-primary:active, .btn-primary.active { background-color: var(--s-kirmizi); border-color: var(--s-kirmizi-koyu); }
.alert-info { background-color: var(--s-lacivert); border-color: var(--s-lacivert-koyu); color: #fff; }
.pagination > li > a:hover { color: var(--s-kirmizi); }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > span { background-color: var(--s-kirmizi); border-color: var(--s-kirmizi); }
.breadcrumb { background: var(--s-lacivert); border-left: 4px solid var(--s-kirmizi); }
.list-group-item { background-color: var(--s-lacivert); }
a.list-group-item:hover, a.list-group-item:focus { background-color: var(--s-kirmizi); color: #fff; }
.sw-list-Tab { background: var(--s-lacivert); }
.sw-map-bg { background: var(--s-lacivert); }

/* ---- Üst şerit ve menü ---- */
.sw-h-top { background: var(--s-lacivert-koyu); border-bottom: 3px solid var(--s-kirmizi); }
.sw-menuTab { background: var(--s-lacivert); }
@media (max-width: 991px) { .sw-menu > ul { background: rgba(11, 26, 56, .97); } }
.sw-menu > ul > li > a:after { border-right-color: var(--s-kirmizi); }
.sw-menu > ul > li > a:before { background: var(--s-kirmizi); }
.sw-menu > ul > li > a:hover { color: var(--s-kirmizi); }
.sw-mobil-iletisim a:hover { color: var(--s-kirmizi-acik); }

/* Üst menüdeki telefon (iç sayfalar) — mavi görsel yerine kurumsal kutu */
.sw-h-iletisim > span {
	width: auto; height: auto; display: inline-flex; align-items: center; gap: 10px;
	padding: 8px 18px 8px 8px; font-size: 20px; font-weight: 700; text-shadow: none;
	background: linear-gradient(135deg, var(--s-kirmizi) 0%, var(--s-kirmizi-koyu) 100%);
	border-radius: 999px; box-shadow: 0 6px 16px rgba(158, 12, 20, .30);
}
.sw-h-iletisim > span:before {
	content: "\f095"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px;
	width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%;
	background: #fff; color: var(--s-kirmizi);
}
.sw-h-iletisim > span > a, .sw-h-iletisim > span > a:hover { color: #fff; text-decoration: none; }
@media (min-width: 992px) { .sw-h-iletisim { text-align: right; } .sw-h-iletisim > span { float: none; } }
@media (max-width: 991px) { .sw-h-iletisim { text-align: center; } }
/* Ana sayfada numara slider'daki "Hemen Ara" kutusunda gösterilir */
.sw-anasayfa .sw-h-iletisim { display: none; }
@media (min-width: 992px) { .sw-anasayfa .sw-menu { margin-top: 38px; } }

/* ---- Ana sayfa bölümleri ---- */
.sw-main-box-left h2, .sw-main-iki-baslik h2 { color: var(--s-lacivert); }
.sw-main-box-right:before { border-color: var(--s-lacivert); }
.sw-main-box-right:after { border-color: var(--s-kirmizi); }
.sw-main-box-right-body { border-color: var(--s-kirmizi); }
.sw-main-box-right-body h2:after { border-top-color: var(--s-kirmizi); }
.sw-main-box-right-body .devam, .sw-main-uc-box-right-body .devam { background: var(--s-kirmizi); color: #fff; transition: background .2s; }
.sw-main-box-right-body .devam:hover, .sw-main-uc-box-right-body .devam:hover { background: var(--s-kirmizi-parlak); color: #fff; }

.sw-main-iki-box-right { background: var(--s-lacivert); border-bottom: 4px solid var(--s-kirmizi); }
.sw-main-iki-box-right .devam { color: var(--s-kirmizi); }
.sw-main-iki-box-right .devam:hover { background: var(--s-kirmizi); color: #fff; }

.sw-main-uc-box-left { background: linear-gradient(160deg, var(--s-lacivert) 0%, var(--s-lacivert-koyu) 100%); }
/* Araçlarımız: koyu zeminde okunur yazılar ve kırmızı ikonlar */
.sw-main-uc-box-left p { color: rgba(255, 255, 255, .78); }
.sw-main-uc-box-left a.devam, .sw-main-uc-box-left a.devam i { color: #fff; }
.sw-main-uc-box-left a.devam:hover, .sw-main-uc-box-left a.devam:hover i { color: var(--s-kirmizi-acik); }
.sw-main-uc-box-left li i { background: var(--s-kirmizi); color: #fff; }
.sw-main-uc-box-right-body .panel-group .panel-heading { border-bottom-color: var(--s-kirmizi); }
.sw-main-uc-box-right-body .panel-group .panel-heading .panel-title a:hover { color: var(--s-kirmizi-acik); }
.sw-main-uc-box-right-body .panel-group .panel-heading .panel-title:hover i { color: var(--s-kirmizi); }
.sw-main-uc-box-right-body .panel-group .panel-body a { color: var(--s-kirmizi); }

/* ---- Footer ---- */
.sw-footer { background: var(--s-lacivert-koyu); border-top: 4px solid var(--s-kirmizi); }
.sw-footer a:hover { color: var(--s-kirmizi-acik); }
.sw-footer-copyright { border-color: rgba(255, 255, 255, .15); }

/* ==========================================================================
   Slider — "Hemen Ara" acil çağrı kutusu (ana sayfa)
   ========================================================================== */
.sw-slide { position: relative; }
.sw-acil-ara {
	position: absolute; z-index: 60;
	top: 24px; left: max(16px, calc((100% - 1140px) / 2));
	display: flex; align-items: center; gap: 12px;
	padding: 8px 22px 8px 8px; border-radius: 999px;
	color: #fff; text-decoration: none;
	background: var(--s-kirmizi);
	box-shadow: 0 10px 26px rgba(11, 26, 56, .40);
	animation: sw-siren 1.6s infinite;
	transition: transform .2s ease;
}
.sw-acil-ara:hover, .sw-acil-ara:focus { color: #fff; text-decoration: none; transform: scale(1.04); }
.sw-acil-ara:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

.sw-acil-ara-ikon {
	position: relative; flex: 0 0 auto;
	width: 48px; height: 48px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: #fff; color: var(--s-kirmizi); font-size: 20px;
}
.sw-acil-ara-ikon i { animation: sw-titre 1.6s infinite; }
/* İkonun çevresinde yayılan sinyal halkaları */
.sw-acil-ara-ikon:before, .sw-acil-ara-ikon:after {
	content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%;
	border: 2px solid #fff; opacity: 0; animation: sw-dalga 1.6s infinite;
}
.sw-acil-ara-ikon:after { animation-delay: .8s; }

.sw-acil-ara-metin { display: flex; flex-direction: column; line-height: 1.15; font-family: 'Montserrat', sans-serif; }
.sw-acil-ara-metin small { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; opacity: .9; }
.sw-acil-ara-metin strong { font-size: 22px; font-weight: 800; letter-spacing: .5px; white-space: nowrap; }

/* Kırmızı / lacivert yanıp sönme (sirene benzer) */
@keyframes sw-siren {
	0%, 42%   { background: var(--s-kirmizi); }
	50%, 92%  { background: var(--s-lacivert-koyu); }
	100%      { background: var(--s-kirmizi); }
}
@keyframes sw-dalga {
	0%   { transform: scale(1);   opacity: .8; }
	100% { transform: scale(1.8); opacity: 0; }
}
@keyframes sw-titre {
	0%, 50%, 100% { transform: rotate(0); }
	5%, 15%, 25%  { transform: rotate(-16deg); }
	10%, 20%, 30% { transform: rotate(16deg); }
}

/* Tablet */
@media (max-width: 991px) {
	.sw-acil-ara { top: 14px; left: 14px; gap: 10px; padding: 6px 16px 6px 6px; }
	.sw-acil-ara-ikon { width: 40px; height: 40px; font-size: 17px; }
	.sw-acil-ara-metin strong { font-size: 18px; }
	.sw-acil-ara-metin small { font-size: 10px; }
}
/* Telefon */
@media (max-width: 767px) {
	.sw-acil-ara { top: 10px; left: 10px; gap: 8px; padding: 5px 12px 5px 5px; }
	.sw-acil-ara-ikon { width: 32px; height: 32px; font-size: 14px; }
	.sw-acil-ara-metin strong { font-size: 15px; }
	.sw-acil-ara-metin small { font-size: 9px; letter-spacing: 1.5px; }
}
@media (max-width: 359px) {
	.sw-acil-ara-metin small { display: none; }
}
/* Hareket azaltma tercihine saygı */
@media (prefers-reduced-motion: reduce) {
	.sw-acil-ara, .sw-acil-ara-ikon i, .sw-acil-ara-ikon:before, .sw-acil-ara-ikon:after { animation: none; }
}

/* ==========================================================================
   Ana sayfa sayaç şeridi (10+ Hizmet, 7/24 Aktif, 81 İl ...)
   ========================================================================== */
.sw-slide { margin-bottom: 0; }
.sw-sayac { background: #fff; border-bottom: 1px solid #e6e9ef; padding: 34px 0 30px; margin-bottom: 40px; }
.sw-sayac-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sw-sayac-liste li { flex: 1 1 0; min-width: 0; text-align: center; padding: 6px 10px; position: relative; }
.sw-sayac-liste li + li:before {
	content: ""; position: absolute; left: 0; top: 18%; height: 64%;
	border-left: 1px solid #e6e9ef;
}
/* Yazı boyutları ekran genişliğiyle orantılı: her ekranda 5 sayaç tek satırda */
.sw-sayac-liste strong {
	display: block; font-family: 'Montserrat', sans-serif; font-weight: 800;
	font-size: clamp(17px, 5.4vw, 46px); line-height: 1.1; color: var(--s-kirmizi);
	font-variant-numeric: tabular-nums; letter-spacing: -.5px; white-space: nowrap;
}
.sw-sayac-liste span {
	display: block; margin-top: 8px; font-family: 'Montserrat', sans-serif; font-weight: 700;
	font-size: clamp(8px, 2.3vw, 15px); letter-spacing: clamp(.2px, .2vw, 1.5px);
	text-transform: uppercase; color: #5B6B82; line-height: 1.25;
}
@media (max-width: 991px) {
	.sw-sayac { padding: 24px 0 20px; }
}
@media (max-width: 767px) {
	.sw-sayac { padding: 18px 0 14px; margin-bottom: 28px; }
	.sw-sayac .container { padding-left: 8px; padding-right: 8px; }
	.sw-sayac-liste li { padding: 4px 2px; }
	.sw-sayac-liste span { margin-top: 5px; }
}