/* NetTeknik Servis ekleri: logo, arıza kaydı formu (KVKK, hata, gönderildi), hızlı erişim bandı menü düğmesi, CKEditor içerik biçimleri */

/* Logo */
.logo-isaret svg{display:block;color:#fff}
.logo--kucuk .logo-isaret svg{width:24px;height:24px}
.logo-yazi b span{color:var(--ana)}
.logo--resim img{display:block;height:46px;width:auto;max-width:220px;object-fit:contain}
.ab .logo--resim img{height:52px}

/* Hızlı erişim bandı: Menü düğmesi diğer sekmelerle aynı görünür */
.sekme-menu{display:none}
@media (max-width:1024px){
  .sekme .sekme-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:inherit;font-size:.66rem;font-weight:600;color:var(--soluk);background:none;border:0;padding:0;cursor:pointer}
  .sekme .sekme-menu i{font-size:1.1rem}
  .sekme a .fa-whatsapp{color:#16a34a}
  .sekmeli .basa{bottom:calc(92px + env(safe-area-inset-bottom))}
}

/* Arıza kaydı sihirbazı */
.sh-secimler:not(.sh-secimler--yazi){grid-template-columns:repeat(4,1fr)}
.sh-secim span{line-height:1.25}
.sh-tam{grid-column:1/-1}
.sh-alanlar textarea{resize:vertical;min-height:64px}
.sh-kvkk{flex-direction:row!important;align-items:flex-start;gap:.6rem!important;font-weight:500!important;color:var(--soluk);line-height:1.45}
.sh-kvkk input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--ana)}
.sh-kvkk a{color:var(--ana);text-decoration:underline}
.sh-hizmet{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .9rem;padding:.4rem .8rem;border-radius:999px;background:color-mix(in srgb,var(--ana) 12%,transparent);color:var(--ana);font-weight:700;font-size:.85rem}
.tuzak{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.sh-hata{display:none;margin-top:.9rem;padding:.8rem 1rem;border-radius:12px;background:#fdecec;color:#a61b1b;font-weight:600;font-size:.9rem}
.sh-hata.acik{display:block}
.sihirbaz.gonderildi .sh-adim,.sihirbaz.gonderildi .sh-dugmeler,.sihirbaz.gonderildi .sh-adimlar,.sihirbaz.gonderildi .sh-ilerleme{display:none!important}
.sihirbaz [type=submit]:disabled{opacity:.6;cursor:progress}
@media (max-width:560px){.sh-secimler:not(.sh-secimler--yazi){grid-template-columns:repeat(2,1fr)}}

/* Telefon görseli: ekip fotoğrafı yoksa ikon */
.uy-usta .uy-usta-ikon{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ana) 14%,transparent);color:var(--ana);flex:none}
.ek-bos{display:grid;place-items:center;aspect-ratio:4/5;background:var(--yuzey2);color:var(--ana);font-size:2.4rem}

/* Hizmet detayı ek fotoğraflar */
.hd-galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;margin:-.6rem 0 1.6rem}
.hd-galeri img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin:0}

/* Sayfalar modülü gövdesi */
.sy-govde{max-width:860px}
.sy-maddeler{grid-template-columns:1fr!important;margin-top:1.2rem}
.hk-p .sy-maddeler{margin-top:.6rem}

/* CKEditor içeriği: hizalama, renk, boyut, resim, tablo, alıntı, video */
.icerik{color:var(--soluk);line-height:1.75}
.icerik>*:first-child{margin-top:0}
.icerik h2,.icerik h3,.icerik h4{color:var(--yazi);margin:1.6rem 0 .6rem;line-height:1.25}
.icerik h2{font-size:1.6rem}.icerik h3{font-size:1.3rem}.icerik h4{font-size:1.1rem}
.icerik a{color:var(--ana);text-decoration:underline}
.icerik ul,.icerik ol{padding-left:1.3rem;margin:0 0 1rem}
.icerik li{margin:.25rem 0}
.icerik blockquote{margin:1.2rem 0;padding:.9rem 1.2rem;border-left:4px solid var(--ana);background:var(--yuzey2);border-radius:0 12px 12px 0;color:var(--yazi);font-style:italic}
.icerik img{max-width:100%;height:auto;border-radius:14px}
.icerik figure{margin:1.2rem 0}
.icerik figure.image{display:table;margin-left:auto;margin-right:auto}
.icerik figure.image img{display:block}
.icerik figure.image-style-side,.icerik figure.image-style-align-right{float:right;margin:.3rem 0 1rem 1.4rem;max-width:50%}
.icerik figure.image-style-align-left{float:left;margin:.3rem 1.4rem 1rem 0;max-width:50%}
.icerik figure.image-style-align-center{margin-left:auto;margin-right:auto}
.icerik figcaption{font-size:.85rem;text-align:center;color:var(--soluk);margin-top:.4rem}
.icerik .image_resized{max-width:100%}
.icerik .image_resized img{width:100%}
.icerik figure.table{overflow-x:auto;margin:1.2rem 0}
.icerik table{width:100%;border-collapse:collapse;font-size:.95rem}
.icerik th,.icerik td{border:1px solid var(--cizgi);padding:.55rem .75rem;text-align:left;vertical-align:top}
.icerik th{background:var(--yuzey2);color:var(--yazi)}
.icerik hr{border:0;border-top:1px solid var(--cizgi);margin:1.6rem 0}
.icerik mark{background:#fef08a;padding:0 .15em}
.icerik .text-tiny{font-size:.7em}.icerik .text-small{font-size:.85em}.icerik .text-big{font-size:1.4em}.icerik .text-huge{font-size:1.8em}
.icerik .media,.icerik figure.media{position:relative;aspect-ratio:16/9;margin:1.2rem 0}
.icerik iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px}
.icerik::after{content:'';display:table;clear:both}
@media (max-width:640px){.icerik figure.image-style-side,.icerik figure.image-style-align-right,.icerik figure.image-style-align-left{float:none;max-width:100%;margin:1rem 0}}

/* İletişim kanalları: etiket ve değer alt alta (temel CSS yalnızca iç içe span için tanımlı) */
.il-kanallar a>span{display:flex;flex-direction:column;line-height:1.3}

/* Arıza kaydı 3. adım: temanın ".sihirbaz input:not([type=radio])" kuralı onay kutusunu metin kutusu gibi büyütüyordu; textarea ise stilsiz kalıyordu */
.sihirbaz .sh-kvkk{display:flex;flex-direction:row;align-items:flex-start;gap:.65rem;margin-top:.2rem;padding:.8rem .9rem;border-radius:12px;background:var(--zemin);border:1.5px solid var(--cizgi);font-size:.84rem;cursor:pointer}
.sihirbaz .sh-kvkk input[type=checkbox]{width:20px;height:20px;min-height:0;padding:0;margin:1px 0 0;border:0;border-radius:4px;background:none;box-shadow:none;flex:none;accent-color:var(--ana);cursor:pointer}
.sihirbaz .sh-kvkk span{flex:1;min-width:0}
.sihirbaz textarea{width:100%;min-height:72px;padding:.7rem .9rem;border-radius:12px;border:1.5px solid var(--cizgi);background:var(--zemin);font-size:16px;font-weight:400;resize:vertical}
.sihirbaz textarea:focus{outline:none;border-color:var(--ana);box-shadow:0 0 0 4px color-mix(in srgb,var(--ana) 18%,transparent)}
.sihirbaz .sh-alanlar label{min-width:0}
.sihirbaz input[type=date]{-webkit-appearance:none;appearance:none;min-width:0}