/* Tena Elektrik — temel site stilleri (tasarım: Sora + Instrument Sans, turuncu #F5A100) */
* { -webkit-font-smoothing: antialiased; }
body { margin: 0; background: #fff; font-family: 'Instrument Sans', sans-serif; }
a { color: #F5A100; text-decoration: none; }
a:hover { color: #C98400; }
input::placeholder, textarea::placeholder { color: #98A2B3; }
::selection { background: #F5A100; color: #fff; }
img { max-width: 100%; }

.container { max-width: 1240px; margin: 0 auto; box-sizing: border-box; padding-left: clamp(20px, 4vw, 56px); padding-right: clamp(20px, 4vw, 56px); }

/* Masaüstü / mobil görünürlük (tasarımdaki isDesktop/isMobile mantığı) */
.only-desktop { display: flex; }
.only-mobile { display: none; }
@media (max-width: 1023px) {
  .only-desktop { display: none !important; }
  .only-mobile { display: flex; }
}

/* Üst menü */
.nav-link { color: #475467; text-decoration: none; cursor: pointer; }
.nav-link:hover { color: #101828; }
.nav-link.active { color: #101828; border-bottom: 2px solid #F5A100; padding-bottom: 4px; font-weight: 600; }
.nav-cta { background: #F5A100; color: #101828 !important; font: 600 14px 'Sora'; padding: 10px 22px; border-radius: 4px; white-space: nowrap; text-decoration: none; }
.nav-cta:hover { background: #FFB520; }
.nav-dropdown { display: none; }
.nav-dd-wrap:hover .nav-dropdown, .nav-dd-wrap:focus-within .nav-dropdown { display: grid; }
.nav-dd-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 6px; color: #344054 !important; text-decoration: none; font-size: 13.5px; font-weight: 500; }
.nav-dd-item:hover { background: #FAFAFB; color: #B57700 !important; }
/* Sabit ikon kutusu: geniş formatlı ikonlarda da metinler aynı hizada başlar */
.nav-dd-icon { width: 28px; height: 22px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.nav-dd-icon img { max-width: 100%; max-height: 100%; display: block; }
.topbar-link { color: rgba(255,255,255,0.7) !important; text-decoration: none; }
.topbar-link:hover { color: #fff !important; }
.mobile-menu { display: none; }
.mobile-menu.open { display: grid; }

/* Ortak buton hover davranışları */
.btn-dark { background: #101828; color: #fff !important; font: 600 14px 'Sora'; padding: 12px 24px; border-radius: 4px; cursor: pointer; text-decoration: none; display: inline-block; border: 0; }
.btn-dark:hover { background: #F5A100; color: #101828 !important; }
.btn-outline { border: 1.5px solid #E4E7EC; color: #101828 !important; font: 600 14px 'Sora'; padding: 12px 24px; border-radius: 4px; cursor: pointer; text-decoration: none; display: inline-block; background: transparent; }
.btn-outline:hover { border-color: #F5A100; }
.btn-orange { background: #F5A100; color: #101828 !important; font: 600 14px 'Sora'; padding: 13px 24px; border-radius: 4px; text-align: center; cursor: pointer; text-decoration: none; display: inline-block; border: 0; }
.btn-orange:hover { background: #FFB520; }
.card-hover { transition: box-shadow .15s ease, border-color .15s ease; }
.card-hover:hover { border-color: #F5A100 !important; box-shadow: 0 12px 32px rgba(16,24,40,0.07); }
.link-orange { font: 600 15px 'Sora'; color: #F5A100; text-decoration: none; cursor: pointer; }
.link-orange:hover { color: #C98400; }

/* Yüzen WhatsApp butonu */
.wa-float { position: fixed; right: 22px; bottom: 22px; z-index: 90; width: 54px; height: 54px; border-radius: 50%; background: #25D366; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 28px rgba(16,24,40,0.25); }
.wa-float:hover { transform: scale(1.06); }

/* Form durum mesajları */
.form-msg { padding: 12px 16px; border-radius: 4px; font-size: 14px; margin-bottom: 4px; }
.form-msg.ok { background: #ECFDF3; color: #12B76A; border: 1px solid #A6F4C5; }
.form-msg.err { background: #FEF3F2; color: #D92D20; border: 1px solid #FECDCA; }

/* Girdi alanları (tasarım: 4px köşe, #E4E7EC çizgi) */
.inp { border: 1px solid #E4E7EC; border-radius: 4px; padding: 14px 16px; font: 400 15px 'Instrument Sans'; outline: none; background: #fff; box-sizing: border-box; width: 100%; color: #101828; }
.inp:focus { border-color: #F5A100; }
textarea.inp { resize: none; }

/* Gizli tarla (honeypot) */
.hp-field { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* Görsel yuvası düzenleme ipucu (yalnız edit modunda basılır) */
.slot-edit-hint { position: absolute; right: 8px; bottom: 8px; background: #101828; color: #fff; font: 600 11px 'Sora', sans-serif; padding: 6px 10px; border-radius: 4px; opacity: 0; pointer-events: none; transition: opacity .12s ease; z-index: 5; }
[data-slot-filled]:hover .slot-edit-hint { opacity: 1; }
[data-slot-filled] { outline: 1px dashed rgba(245,161,0,0.55); outline-offset: 2px; }
[data-slot-filled]:hover { outline: 2px solid #F5A100; }
[data-slot-filled="0"] { position: relative; }

/* Canlı düzenleme modu vurguları */
[data-editable] { outline: 1px dashed rgba(245,161,0,0.55); outline-offset: 2px; cursor: pointer; min-height: 1em; }
[data-editable]:hover { outline: 2px solid #F5A100; background: rgba(245,161,0,0.06); }