/* VİBSTAR — düzeltmeler: resmî sosyal medya logoları, yüzen düğmeler, üst bar, modül arka planları */

/* ---------- Sosyal medya düğmeleri (resmî logo + marka rengi) ---------- */
.vib-socials{display:flex !important;flex-wrap:wrap;align-items:center;gap:10px !important}
.vib-socials .soc{width:40px !important;height:40px !important;min-width:40px;border-radius:50% !important;display:inline-grid !important;place-items:center;margin:0 !important;padding:0 !important;border:0 !important;background:var(--soc,#333) !important;color:#fff !important;box-shadow:0 4px 12px rgba(0,0,0,.14);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;line-height:1}
.vib-socials .soc svg{width:18px;height:18px;display:block}
.vib-socials .soc:hover,.vib-socials .soc:focus-visible{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.22);filter:brightness(1.07);color:#fff !important}
.soc-facebook{--soc:#1877F2}
.soc-x{--soc:#000}
.soc-instagram,.vib-socials .soc.soc-instagram,.drawer-socials .soc.soc-instagram{--soc:#E4405F;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%) !important}
.soc-linkedin{--soc:#0A66C2}
.soc-youtube{--soc:#FF0000}
.soc-tiktok{--soc:#010101}
.soc-whatsapp{--soc:#25D366}
.soc-telegram{--soc:#26A5E4}
.soc-youtube svg{width:20px !important}
/* Koyu üst bar: siyah logolar görünür kalsın */
.topbar .soc-x,.topbar .soc-tiktok{box-shadow:inset 0 0 0 1px #555}
.topbar .vib-socials .soc{width:34px !important;height:34px !important;min-width:34px}
.topbar .vib-socials .soc svg{width:15px;height:15px}
/* Footer */
.tp-footer-widget-social.vib-socials{margin-top:22px}
/* Ekip kartları */
.vib-socials-sm{justify-content:center}
.vib-socials-sm .soc{width:32px !important;height:32px !important;min-width:32px}
.vib-socials-sm .soc svg{width:14px;height:14px}
/* Bilgi paneli (ⓘ) — kopyalanan ikonlar */
.drawer-socials{display:flex;flex-wrap:wrap;gap:10px}
.drawer-socials .soc{width:40px !important;height:40px !important;border-radius:50%;display:inline-grid !important;place-items:center;border:0 !important;background:var(--soc,#333) !important;color:#fff !important}
.drawer-socials .soc svg{width:18px;height:18px}

/* ---------- Yüzen iletişim düğmeleri ---------- */
.vib-floating a{display:grid !important;place-items:center;color:#fff !important;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.vib-floating a svg{width:48%;height:48%;display:block}
.vib-floating .fl-phone{background:#e03257 !important}
.vib-floating .fl-whatsapp{background:#25D366 !important}
.vib-floating .fl-telegram{background:#26A5E4 !important}
.vib-floating .fl-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%) !important}
.vib-floating a:hover{transform:scale(1.08)}

/* ---------- Üst bar iletişim bilgileri ---------- */
.topbar{justify-content:space-between !important}
.topbar .vib-top-left{display:flex !important;align-items:center;gap:22px !important;min-width:0;overflow:hidden;white-space:nowrap}
.vib-top-left a,.vib-top-left span{color:#fff;margin:0 !important;display:inline-flex;align-items:center;gap:8px;font-size:14px}
.vib-top-left a:hover{color:#ff8aa3}
.vib-top-left svg{width:13px;height:13px;flex:0 0 13px;color:#e03257}
.vib-top-left .vib-top-text{opacity:.8}
@media (max-width:1199px){.vib-top-left .vib-top-phone2,.vib-top-left .vib-top-text{display:none}}
@media (max-width:991px){.topbar{justify-content:center !important}.vib-top-left{gap:16px}.vib-top-left a{font-size:13px}}
@media (max-width:480px){.vib-top-left a[href^="mailto"]{display:none}}

/* ---------- Footer sütun başlıkları ---------- */
.vib-footer-col-title{font-size:17px;font-weight:600;margin:0 0 12px;color:#111}

/* ---------- Panelden verilen modül arka planları ---------- */
.vib-bg-custom{background-repeat:no-repeat}
.vib-bg-dark,.vib-bg-dark p,.vib-bg-dark .tp-section-title,.vib-bg-dark .tp-section-subtitle,.vib-bg-dark h3,.vib-bg-dark h4,.vib-bg-dark .ing-fact-item-subtitle,.vib-bg-dark .ing-fact-brand-title,.vib-bg-dark .tp-footer-widget-title,.vib-bg-dark .vib-footer-col-title,.vib-bg-dark .tp-footer-widget-info label,.vib-bg-dark .tp-footer-widget-info a,.vib-bg-dark .tp-footer-widget-menu a,.vib-bg-dark .tp-footer-copyright p{color:#fff !important}
.vib-bg-dark .product-card-modern h3,.vib-bg-dark .blog-card-modern h4,.vib-bg-dark .blog-card-modern p,.vib-bg-dark .tp-project-list-content h4,.vib-bg-dark .tp-project-list-content p,.vib-bg-dark .tp-team-v3-body h3,.vib-bg-dark .tp-team-v3-body p,.vib-bg-dark .tp-musteri-gorusleri-card p,.vib-bg-dark .tp-musteri-gorusleri-card h5,.vib-bg-dark .tp-ref-content h4{color:#111 !important}
.cb-about-ptb.vib-bg-custom,.cb-about-ptb.vib-bg-dark,.products-module-ptb.vib-bg-custom,.products-module-ptb.vib-bg-dark{border-radius:0}

/* ---------- İçerik tipografisi (detay ve metin sayfaları) ---------- */
.detail-grid article ul,.text-page ul{padding-left:20px;margin:0 0 18px}
.detail-grid article li,.text-page li{margin-bottom:6px;line-height:1.7}
.detail-grid article h3,.text-page h3{font-size:22px;margin:26px 0 12px}
.vib-slogan{font-style:italic;color:#e03257;font-weight:600}

/* ---------- İletişim sayfası gömülü harita ---------- */
.vib-map{position:relative;width:100%;margin:22px 0 18px;border-radius:20px;overflow:hidden;background:#f2f2f2;box-shadow:0 10px 30px rgba(0,0,0,.08);aspect-ratio:4/3;min-height:280px}
.vib-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media (max-width:767px){.vib-map{aspect-ratio:1/1;min-height:260px}}

/* ---------- Mobil menü (sağdan açılan panel) ---------- */
.vib-nav-overlay,.vib-nav-head,.vib-sub-toggle{display:none}
@media (max-width:1199px){
  .nav-tools #menu-toggle{display:grid !important;place-items:center;width:44px;height:44px;margin:-6px -8px -6px 0;border-radius:50%;font-size:22px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .nav-tools #menu-toggle:active{background:#f2f2f2}
  .navigation nav#nav,.navigation nav#nav.open{display:flex !important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;position:fixed !important;top:0 !important;right:0;left:auto !important;bottom:0;width:min(86vw,380px);height:100vh;height:100dvh;max-height:none !important;margin:0;padding:0 0 30px !important;background:#fff;border-radius:22px 0 0 22px;box-shadow:-18px 0 40px rgba(0,0,0,.18);overflow-y:auto;overscroll-behavior:contain;z-index:1002;transform:translateX(105%);visibility:hidden;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s}
  .navigation nav#nav.open{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s}
  .vib-nav-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 16px 22px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:2}
  .vib-nav-head img{max-width:140px;max-height:46px;object-fit:contain}
  .vib-nav-close{position:relative;width:42px;height:42px;border:0;border-radius:50%;background:#f3f3f3;cursor:pointer;flex:0 0 42px}
  .vib-nav-close span{position:absolute;left:12px;right:12px;top:50%;height:2px;background:#111;border-radius:2px}
  .vib-nav-close span:first-child{transform:rotate(45deg)}.vib-nav-close span:last-child{transform:rotate(-45deg)}
  .vib-nav-close:hover{background:#e03257}.vib-nav-close:hover span{background:#fff}
  .vib-nav-overlay{display:block;position:fixed;inset:0;background:rgba(10,10,12,.5);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s;z-index:1001}
  html.vib-nav-open .vib-nav-overlay{opacity:1;visibility:visible;transition:opacity .3s}
  html.vib-nav-open,html.vib-nav-open body{overflow:hidden}
  html.vib-nav-open .site-header{z-index:1000}
  #nav .navitem{display:flex;flex-wrap:wrap;align-items:center;padding:0 !important;margin:0 14px;border-bottom:1px solid #f0f0f0;position:static}
  #nav .navitem>a{flex:1;padding:15px 8px;font-size:17px;font-weight:600;color:#171717}
  #nav .navitem>a:hover,#nav .navitem.sub-open>a{color:#e03257}
  .vib-sub-toggle{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#f5f5f5;color:#111;cursor:pointer;transition:transform .25s,background .2s}
  .navitem.sub-open>.vib-sub-toggle{transform:rotate(180deg);background:#e03257;color:#fff}
  /* Alt menüler yalnız düğmeyle açılır (dokunmatikte takılı kalan hover engellenir) */
  #nav .navitem>.dropdown,#nav .navitem:hover>.dropdown,#nav .navitem:focus-within>.dropdown,#nav .navitem.menu-open>.dropdown{display:none !important}
  #nav .navitem.sub-open>.dropdown{display:block !important;position:static !important;flex-basis:100%;width:100% !important;min-width:0;box-shadow:none;background:#fafafa;border-radius:12px;padding:6px 8px !important;margin:0 0 12px;left:auto;top:auto}
  #nav .navitem.sub-open>.dropdown.corporate{display:grid !important;grid-template-columns:1fr}
  #nav .dropdown a{padding:10px 10px;font-size:15px;display:flex;justify-content:space-between;align-items:center;border-radius:8px}
  #nav .dropdown::before{display:none}
  #nav .dropdown.corporate a{border:0 !important;background:transparent;box-shadow:none;margin:0;min-height:0}
  #nav .dropdown a:hover{background:#fff}
  #nav .media-menu .media-intro{display:none}
  #nav .media-menu .media-cards{display:grid;grid-template-columns:1fr;gap:6px}
  #nav .media-menu .media-cards a{flex-direction:row;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}
  #nav .media-menu .media-cards img{grid-row:1/3;width:64px;height:48px !important;border-radius:8px}
  #nav .media-menu .media-cards h4{font-size:15px;margin:0}
  #nav .media-menu .media-cards a>span{padding:3px 10px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.navigation nav#nav,.vib-nav-overlay{transition:none !important}}

/* ---------- Video galeri: dikey videolar taşmasın ---------- */
.catalog video{max-height:560px;background:#000;object-fit:contain;border-radius:14px}
.detail-grid article img{max-width:100%;height:auto;border-radius:14px}