/* WMG Bilişim v50 - Interface Core + Business Network */
:root{
  --v50-navy:#071a36;
  --v50-navy-2:#0b2e5f;
  --v50-blue:#3478ff;
  --v50-cyan:#39ded7;
  --v50-ink:#0c254b;
  --v50-muted:#647a96;
  --v50-line:#dbe7f3;
  --v50-soft:#f5f9fe;
  --v50-shadow:0 22px 68px rgba(15,49,94,.12);
}

/* ----------------------------------------------------------
   HEADER CORE: fixed on home, flow-safe sticky on sub pages
   ---------------------------------------------------------- */
.site-header{z-index:1600!important}
.nav-shell{
  width:min(1360px,calc(100% - 32px))!important;
  height:72px!important;
  gap:10px!important;
  padding:0 14px!important;
  border-radius:20px!important;
  box-shadow:0 18px 55px rgba(3,11,28,.28)!important;
}
.brand{min-width:168px!important;flex:0 0 168px!important}
.brand img{width:170px!important;max-width:100%!important;max-height:52px!important;object-fit:contain!important}
.nav-links{gap:1px!important;min-width:0!important}
.nav-main-link,.nav-dropdown-toggle{
  min-height:42px!important;
  padding:10px 10px!important;
  border:0!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.nav-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
.nav-phone{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:132px!important;padding:10px 14px!important;border-radius:14px!important}
.nav-phone span{font-size:8px!important;letter-spacing:.07em!important;text-transform:uppercase!important;opacity:.78!important;line-height:1.15!important}
.nav-phone b{font-size:13px!important;line-height:1.2!important}
.nav-quote{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:0 17px!important;border-radius:14px!important;font-size:13px!important;white-space:nowrap!important}

body:not(.route-home) .site-header{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  padding:10px 0 8px!important;
  margin:0!important;
  background:linear-gradient(180deg,rgba(245,249,254,.98) 0%,rgba(245,249,254,.93) 72%,rgba(245,249,254,0) 100%)!important;
  backdrop-filter:blur(12px)!important;
  pointer-events:none!important;
}
body:not(.route-home) .site-header .nav-shell{pointer-events:auto!important}
body:not(.route-home) #icerik{padding-top:0!important}
body:not(.route-home) .inner-hero{padding-top:34px!important}
body.route-home .site-header.is-scrolled .nav-shell{background:linear-gradient(135deg,rgba(5,18,40,.98),rgba(9,32,72,.97))!important;box-shadow:0 18px 50px rgba(3,11,28,.40)!important}

/* anchor targets must never hide beneath sticky navigation */
#firma-kayit,#firmalar,.seo-related{scroll-margin-top:110px}

/* ----------------------------------------------------------
   DIRECTORY & COMPANY PROFILE
   ---------------------------------------------------------- */
.route-directory .directory-hero,.route-company .company-detail-hero{margin-top:24px!important}
.directory-hero{gap:22px!important;margin-bottom:22px!important}
.directory-hero-copy{padding:42px!important;border-radius:28px!important}
.directory-stat-card{border-radius:28px!important;padding:30px!important}
.directory-shell{margin-top:30px!important}
.directory-register{margin-top:42px!important;border-radius:28px!important;box-shadow:0 28px 80px rgba(7,29,63,.14)!important}
.directory-register-copy h2{font-size:clamp(32px,4vw,44px)!important;letter-spacing:-1.2px!important}
.directory-register-form{border-radius:20px!important}

.v50-directory-breadcrumb,.v50-company-breadcrumb{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  width:min(1320px,calc(100% - 44px));margin:20px auto 0;
  color:#70839c;font-size:12px;font-weight:800
}
.v50-directory-breadcrumb a,.v50-company-breadcrumb a{color:#2e65b7;text-decoration:none}
.v50-directory-breadcrumb i,.v50-company-breadcrumb i{font-style:normal;color:#a9b7c8}

.company-detail-hero{grid-template-columns:minmax(0,1fr) 340px!important;gap:20px!important;align-items:stretch!important}
.company-detail-brand{
  position:relative;overflow:hidden;gap:28px!important;align-items:center!important;
  padding:34px!important;border-radius:28px!important;
  background:radial-gradient(circle at 92% 12%,rgba(52,120,255,.10),transparent 26%),linear-gradient(145deg,#ffffff,#f2f7fd)!important;
  box-shadow:0 18px 55px rgba(19,57,104,.08)!important
}
.company-detail-brand:after{content:"";position:absolute;right:-90px;bottom:-110px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(57,222,215,.12),transparent 68%);pointer-events:none}
.company-detail-logo{position:relative;z-index:1;flex:0 0 136px!important;width:136px!important;height:136px!important;border-radius:28px!important;box-shadow:0 16px 38px rgba(24,66,117,.10)!important}
.company-detail-logo img{width:100%!important;height:100%!important;object-fit:contain!important;padding:12px!important}
.company-detail-logo [data-logo-fallback]{display:grid;place-items:center;width:100%;height:100%;font-size:54px;color:#2b66bd;font-weight:950}
.company-detail-brand>div:last-child{position:relative;z-index:1;min-width:0}
.company-detail-brand h1{font-size:clamp(34px,4vw,54px)!important;letter-spacing:-1.8px!important;overflow-wrap:anywhere}
.company-detail-brand p{font-size:15px!important;max-width:760px!important}
.company-contact-card{border-radius:28px!important;padding:28px!important;box-shadow:0 20px 60px rgba(7,34,78,.20)!important}
.company-contact-card a{transition:.2s ease}.company-contact-card a:hover{transform:translateY(-1px);border-color:rgba(91,230,220,.42)!important;background:rgba(255,255,255,.08)!important}
.company-detail-grid{margin-top:26px!important;gap:20px!important}.company-detail-content,.company-info-panel{border-radius:24px!important;box-shadow:0 14px 45px rgba(17,52,96,.055)!important}
.company-card{border-radius:22px!important}.company-card-top{position:relative}.company-logo{position:relative}
.company-logo [data-logo-fallback]{display:grid;place-items:center;width:100%;height:100%;font-size:30px;color:#265ea9;font-weight:950}
.company-logo img.is-broken,.company-detail-logo img.is-broken{display:none!important}

.v50-company-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.v50-company-meta span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #d8e5f3;border-radius:999px;background:#fff;color:#456280;font-size:10px;font-weight:900}

/* ----------------------------------------------------------
   COMPANY LOGO UPLOAD
   ---------------------------------------------------------- */
.v50-logo-upload{grid-column:1/-1;display:grid;grid-template-columns:138px 1fr;gap:18px;align-items:center;margin-top:4px;padding:16px;border:1px solid rgba(112,174,231,.24);border-radius:17px;background:rgba(255,255,255,.035)}
.v50-logo-preview{position:relative;display:grid;place-items:center;width:138px;height:100px;overflow:hidden;border:1px dashed rgba(111,208,219,.34);border-radius:15px;background:#071a36;color:#6f8aa8;font-weight:900;text-align:center;padding:10px}
.v50-logo-preview img{display:none;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:10px;padding:7px}
.v50-logo-preview.has-image img{display:block}.v50-logo-preview.has-image span{display:none}
.v50-logo-upload label{margin:0!important}.v50-logo-upload input[type=file]{padding:10px!important;min-height:auto!important;background:#06162d!important}
.v50-logo-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin-top:9px;color:#91a9c2;font-size:10px;line-height:1.45}
.v50-logo-rules b{color:#dceeff}.v50-logo-status{display:block;margin-top:8px;font-size:10px;font-weight:800;color:#62ddcf}.v50-logo-status.bad{color:#ff9eaa}

.v50-company-form-note{grid-column:1/-1;padding:12px 14px;border:1px solid rgba(88,184,239,.14);border-radius:12px;background:rgba(55,122,196,.06);color:#9db4cc;font-size:11px;line-height:1.55}

/* polished section rhythm */
.route-directory .site-footer,.route-company .site-footer{margin-top:36px!important}
.route-directory .seo-related,.route-company .seo-related{margin-top:38px!important}

@media(max-width:1280px){
  .nav-shell{width:min(1220px,calc(100% - 24px))!important}.brand{min-width:150px!important;flex-basis:150px!important}.brand img{width:152px!important}
  .nav-main-link,.nav-dropdown-toggle{font-size:12px!important;padding:10px 8px!important}.nav-phone{min-width:auto!important}.nav-phone span{display:none!important}
}
@media(max-width:1160px){
  .nav-links{display:none!important}.nav-phone{display:none!important}.menu-toggle{display:flex!important;margin-left:auto!important}.mobile-panel{display:block!important}
  .nav-shell{width:calc(100% - 24px)!important}.nav-actions{margin-left:auto!important}.nav-quote{display:none!important}
  .company-detail-hero,.company-detail-grid{grid-template-columns:1fr!important}.company-contact-card{min-height:auto!important}.company-info-panel{order:0!important}
}
@media(max-width:760px){
  body:not(.route-home) .site-header{padding:8px 0 5px!important;background:linear-gradient(180deg,rgba(245,249,254,.98),rgba(245,249,254,.90))!important}
  .nav-shell{height:66px!important;border-radius:18px!important;padding:0 12px!important}.brand{min-width:0!important;flex-basis:auto!important}.brand img{width:158px!important;max-height:48px!important}
  .route-directory .directory-hero,.route-company .company-detail-hero{margin-top:14px!important}
  .directory-hero-copy{padding:28px!important}.directory-register{padding:18px!important}.directory-register-form{padding:16px!important}
  .v50-logo-upload{grid-template-columns:1fr}.v50-logo-preview{width:100%;height:120px}.v50-logo-rules{grid-template-columns:1fr}
  .company-detail-brand{align-items:flex-start!important;flex-direction:column!important;padding:23px!important}.company-detail-logo{width:108px!important;height:108px!important;flex-basis:108px!important}.company-detail-brand h1{font-size:34px!important;letter-spacing:-1px!important}
  .v50-directory-breadcrumb,.v50-company-breadcrumb{width:min(100% - 26px,540px);margin-top:12px}
}