/* ================================================================
 * SUQPACK — Index renk dengesi (spec paleti)
 * ----------------------------------------------------------------
 * Palet (kaynak: assets/suqpack-theme.css + Elementor kit post-4):
 *   accent / brand (azur) ......... #0f80c7   (--suq-gold)
 *   yapısal koyu (navy) ........... #0c293b   (--suq-navy / surface-dark)
 *   en koyu ....................... #0a2230   (--suq-navy-deep)
 *   ikincil accent (amber) ........ #f59e0b   (--suq-amber)
 *     · açık zeminde rakam ........ #d97706   (--suq-amber-deep)
 *     · koyu zeminde rakam ........ #fbbf24   (--suq-amber-bright)
 *
 * İlke: 60-30-10. Geniş koyu bloklar navy; azur tek birincil accent;
 * amber yalnızca istatistik/rakam vurgusu ve ikincil CTA için.
 *
 * Bu dosya, kaynak değeri azur olan büyük blokları navy'ye çevirir,
 * stat rakamlarını amber yapar ve form focus halkasını standartlaştırır.
 * Geri almak için header.php'deki <link>'i kaldırmak yeterlidir.
 * ================================================================ */

/* 1) Servis şeridi overlay'i (ana sayfa) → navy gradyan */
.service-item.service-style-6 .service-post-thumbnail:before{
  background: linear-gradient(90deg,
              var(--suq-navy) 9.42%,
              rgba(var(--suq-navy-rgb), 0) 78%) !important;
}

/* Ana sayfa makine kartları: katalogla eşleşen 3 dikey görsel */
#makineler{
  overflow: hidden;
}
#makineler .elementor-element-d19ea25 .service-inner,
#makineler .elementor-element-d19ea25 .service-post-thumbnail{
  overflow: hidden;
  border-radius: 16px;
}
#makineler .elementor-element-d19ea25 .swiper-wrapper{
  gap: 0 !important;
}
#makineler .elementor-element-d19ea25 .service-post-thumbnail{
  height: clamp(520px, 35.4vw, 680px);
  min-height: 0 !important;
  padding-top: 0 !important;
  background: #eef3f6;
}
#makineler .elementor-element-d19ea25 .service-post-thumbnail img{
  object-position: center center;
  transform: scale(1.002);
  transition: transform .55s ease;
}
#makineler .elementor-element-d19ea25 .service-post-thumbnail:before{
  background: linear-gradient(180deg,
              rgba(10,34,48,.91) 0%,
              rgba(10,34,48,.68) 28%,
              rgba(10,34,48,.16) 62%,
              rgba(10,34,48,.52) 100%) !important;
}
#makineler .elementor-element-d19ea25 .service-post-thumbnail:after{
  background: linear-gradient(90deg,
              rgba(10,34,48,.30) 0%,
              rgba(10,34,48,.08) 72%) !important;
  opacity: 1;
}
#makineler .elementor-element-d19ea25 .service-content{
  padding: clamp(26px, 2.25vw, 42px);
}
#makineler .elementor-element-d19ea25 .service-title{
  max-width: 92%;
}
#makineler .elementor-element-d19ea25 .service-title a{
  font-size: clamp(34px, 2.7vw, 52px);
  line-height: 1.04;
}
#makineler .elementor-element-d19ea25 .service-item:hover .service-post-thumbnail img,
#makineler .elementor-element-d19ea25 .service-item:focus-within .service-post-thumbnail img{
  transform: scale(1.035);
}
#makineler .elementor-element-d19ea25 .service-item:focus-within .service-post-thumbnail:after{
  opacity: 0;
}
#makineler .elementor-element-d19ea25 .service-item:focus-within .description{
  margin-top: 20px;
  opacity: 1;
  transform: translateY(0);
}
#makineler .elementor-element-d19ea25 .swiper:not(.swiper-initialized) .swiper-slide:last-child{
  margin-right: 0 !important;
}

@media (min-width: 1201px){
  #makineler .elementor-element-d19ea25 .swiper:not(.swiper-initialized) .swiper-slide{
    width: calc(33.333333% - 12px) !important;
    flex: 0 0 calc(33.333333% - 12px) !important;
    margin-right: 18px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200px){
  #makineler .elementor-element-d19ea25 .swiper:not(.swiper-initialized) .swiper-slide{
    width: calc(37.037037% - 10.074px) !important;
    flex: 0 0 calc(37.037037% - 10.074px) !important;
    margin-right: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px){
  #makineler .elementor-element-d19ea25 .swiper:not(.swiper-initialized) .swiper-slide{
    width: calc(47.619048% - 7.333px) !important;
    flex: 0 0 calc(47.619048% - 7.333px) !important;
    margin-right: 14px !important;
  }
}
@media (max-width: 767px){
  #makineler .elementor-element-d19ea25 .swiper:not(.swiper-initialized) .swiper-slide{
    width: calc(92.592593% - .741px) !important;
    flex: 0 0 calc(92.592593% - .741px) !important;
    margin-right: 10px !important;
  }
  #makineler .elementor-element-d19ea25 .service-post-thumbnail{
    height: auto;
    min-height: 430px !important;
    padding-top: 141.67% !important;
  }
  #makineler .elementor-element-d19ea25 .service-title a{
    font-size: clamp(34px, 10vw, 44px);
  }
}

/* 2) Proje kartları (ana sayfa) → navy dolgu (beyaz başlık/numara üstte okunur) */
.elementor-project-style-2 .project-item{
  background-color: var(--suq-navy) !important;
}

/* 3) İstatistik/sayaç rakamları → amber accent (açık zeminde okunur ton) */
.elementor-widget-counter .elementor-counter-number-wrapper{
  color: var(--suq-amber-deep) !important;
}

/* 4) Form alanları — focus: brand kenarlık + 2px focus halkası (spec) */
.sq-form input:focus,
.sq-form textarea:focus,
.sq-form select:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus{
  outline: none;
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 2px rgba(var(--suq-gold-rgb), .25) !important;
}

/* 5) Proje kartları navy → içerik metinleri beyaz (başlık + rozetler).
 *    "01/02" numarası zaten #fff (opacity .3 hayalet efekt) — dokunulmaz. */
.elementor-project-style-2 .project-item .project-title,
.elementor-project-style-2 .project-item .project-title a{
  color: var(--suq-white) !important;
}
.elementor-project-style-2 .project-item .project-meta a{
  color: var(--suq-white) !important;
  border-color: rgba(255,255,255,.35) !important;
}

/* ================================================================
 * Mobil menü — sade SUQPACK kurumsal navigasyon
 * ============================================================== */
.untex-mobile-nav{
  position:fixed;
  z-index:9999;
  inset:0 auto 0 0;
  width:min(100vw,400px);
  height:100vh;
  height:100dvh;
  overflow:hidden;
  color:var(--suq-white);
  background:#082c40;
  border-inline-end:1px solid rgba(255,255,255,.12);
  box-shadow:24px 0 64px rgba(1,18,28,.32);
  transform:translate3d(-102%,0,0);
  transition:transform .32s cubic-bezier(.22,1,.36,1);
}
.mobile-nav-active .untex-mobile-nav{transform:translate3d(0,0,0)}
.untex-mobile-nav[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.mobile-nav-active .untex-mobile-nav{visibility:visible;pointer-events:auto}
html[dir="rtl"] .untex-mobile-nav{
  inset:0 0 0 auto;
  border-inline:0;
  border-inline-start:1px solid rgba(255,255,255,.12);
  box-shadow:-24px 0 64px rgba(1,18,28,.32);
  transform:translate3d(102%,0,0);
}
html[dir="rtl"].mobile-nav-active .untex-mobile-nav{transform:translate3d(0,0,0)}

.untex-mobile-nav .menu-scroll-mobile{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:calc(18px + env(safe-area-inset-top)) 24px calc(20px + env(safe-area-inset-bottom));
  scrollbar-width:none;
}
.untex-mobile-nav .menu-scroll-mobile::-webkit-scrollbar{display:none}

.suq-mobile-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex:0 0 auto;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.suq-mobile-head .custom-logo-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  text-decoration:none;
}
.untex-mobile-nav .suq-logo{font-size:18px}
.untex-mobile-nav .suq-logo__wd,
body.home .untex-mobile-nav .suq-logo__wd{color:var(--suq-white)!important}

.mobile-nav-close{
  position:static;
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  margin:0;
  padding:0;
  color:var(--suq-white);
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:transparent;
  cursor:pointer;
  transition:border-color .2s,background .2s;
}
.mobile-nav-close:hover,
.mobile-nav-close:focus-visible{
  color:var(--suq-white);
  border-color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.08);
}
.suq-mobile-close-icon{position:relative;width:17px;height:17px}
.suq-mobile-close-icon::before,
.suq-mobile-close-icon::after{
  content:"";
  position:absolute;
  left:8px;
  top:0;
  width:1.5px;
  height:17px;
  border-radius:2px;
  background:currentColor;
}
.suq-mobile-close-icon::before{transform:rotate(45deg)}
.suq-mobile-close-icon::after{transform:rotate(-45deg)}

.untex-mobile-nav .mobile-menu-tab{
  display:block;
  flex:0 0 auto;
  margin-top:18px;
  padding:0;
}
.untex-mobile-nav .handheld-navigation .menu{
  display:block;
  margin:0;
  padding:0;
  border-top:1px solid rgba(255,255,255,.12);
}
.untex-mobile-nav .mobile-navigation ul>li.menu-item{
  margin:0;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.untex-mobile-nav .mobile-navigation ul>li.menu-item>a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:55px;
  padding:0 2px;
  color:rgba(255,255,255,.9);
  font-family:"Space Grotesk",sans-serif;
  font-size:18px;
  font-weight:600;
  line-height:1.2;
  text-decoration:none;
  transition:color .2s,padding .2s;
}
.untex-mobile-nav .mobile-navigation ul>li.menu-item>a:hover,
.untex-mobile-nav .mobile-navigation ul>li.menu-item>a:focus-visible{
  padding-inline-start:7px;
  color:var(--suq-white);
}
.untex-mobile-nav .mobile-navigation ul>li.current-menu-item>a{
  padding-inline-start:12px;
  color:#64c5f4;
}
.untex-mobile-nav .mobile-navigation ul>li.current-menu-item>a::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:17px;
  width:2px;
  height:21px;
  border-radius:2px;
  background:var(--suq-gold);
}
.untex-mobile-nav .mobile-navigation li>a>i{
  flex:0 0 auto;
  color:#64c5f4;
  font-family:inherit;
  font-size:16px;
  font-style:normal;
  transition:transform .2s;
}
.untex-mobile-nav .mobile-navigation li>a:hover>i{transform:translateX(3px)}
html[dir="rtl"] .untex-mobile-nav .mobile-navigation li>a>i{transform:scaleX(-1)}
html[dir="rtl"] .untex-mobile-nav .mobile-navigation li>a:hover>i{transform:scaleX(-1) translateX(3px)}

.suq-mobile-machines{
  flex:0 0 auto;
  margin-top:28px;
  padding-top:19px;
  border-top:1px solid rgba(255,255,255,.12);
}
.suq-mobile-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:8px;
}
.suq-mobile-section-head>span{
  color:rgba(255,255,255,.48);
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.suq-mobile-section-head>a{
  color:#64c5f4;
  font-size:10px;
  font-weight:700;
  text-decoration:none;
}
.suq-mobile-machine-links{display:grid}
.suq-mobile-machine-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:42px;
  padding:5px 0;
  color:rgba(255,255,255,.72);
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:12px;
  font-weight:600;
  line-height:1.35;
  text-decoration:none;
}
.suq-mobile-machine-links a:last-child{border-bottom:0}
.suq-mobile-machine-links a:hover,
.suq-mobile-machine-links a:focus-visible{color:var(--suq-white)}
.suq-mobile-machine-links i{color:#64c5f4;font-style:normal}

.suq-mobile-dock{
  flex:0 0 auto;
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.12);
}
.suq-mobile-languages{
  margin:0 0 12px;
  padding:0;
  border:0;
}
.untex-mobile-nav .suq-langs--mobile{
  justify-content:flex-start;
  gap:4px;
  margin:0;
}
.untex-mobile-nav .suq-langs--mobile a,
body.home .untex-mobile-nav .suq-langs--mobile a{
  display:grid;
  place-items:center;
  min-width:38px;
  min-height:32px;
  padding:0 9px;
  color:rgba(255,255,255,.58)!important;
  border:0;
  border-radius:6px;
  background:rgba(255,255,255,.06);
  font-size:10px;
  opacity:1;
}
.untex-mobile-nav .suq-langs--mobile li.active a,
body.home .untex-mobile-nav .suq-langs--mobile li.active a{
  color:var(--suq-white)!important;
  background:var(--suq-gold);
}
.suq-mobile-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin:0;
}
.suq-mobile-phone{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  color:rgba(255,255,255,.76);
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
.suq-mobile-quote{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:46px;
  padding:0 17px;
  color:var(--suq-white);
  border-radius:8px;
  background:var(--suq-gold);
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.suq-mobile-quote:hover,
.suq-mobile-quote:focus-visible{color:var(--suq-white);background:var(--suq-gold-hover)}
.suq-mobile-quote i{font-size:15px;font-style:normal}

.untex-overlay{
  display:block;
  width:100vw;
  height:100vh;
  height:100dvh;
  padding:0;
  border:0;
  background:rgba(3,21,31,.68);
  backdrop-filter:blur(3px);
  cursor:pointer;
}

.menu-mobile-nav-button,
.elementor-element-30f7c36 .menu-mobile-nav-button{
  display:grid!important;
  place-items:center;
  width:48px;
  height:48px;
  min-width:48px;
  min-height:48px;
  margin:0;
  padding:0;
  color:var(--suq-white);
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  background:rgba(15,139,207,.92);
  box-shadow:none;
  cursor:pointer;
  transition:background .2s,border-color .2s;
}
.menu-mobile-nav-button:hover,
.menu-mobile-nav-button:focus-visible{
  color:var(--suq-white);
  border-color:rgba(255,255,255,.55);
  background:var(--suq-gold-hover);
}
.menu-mobile-nav-button .untex-icon{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  margin:0;
}
.menu-mobile-nav-button .untex-icon i{font-size:19px;line-height:1}

@media(max-width:520px){
  .untex-mobile-nav{width:100vw;border-inline:0}
}
@media(max-width:359px){
  .untex-mobile-nav .menu-scroll-mobile{padding-inline:18px}
  .untex-mobile-nav .suq-logo{font-size:16px}
  .untex-mobile-nav .mobile-navigation ul>li.menu-item>a{min-height:52px;font-size:17px}
  .suq-mobile-machines{margin-top:22px}
  .suq-mobile-actions{grid-template-columns:1fr}
  .suq-mobile-phone{min-height:34px}
}
@media(prefers-reduced-motion:reduce){
  .untex-mobile-nav,.menu-mobile-nav-button{transition:none!important}
}

/* Mobil tetikleyici ve site genelinde dokunma/okunabilirlik düzeltmeleri */
@media(max-width:767px){
  .hfe-site-logo a.elementor-clickable{display:inline-flex;align-items:center;min-height:44px}
  .sq-btn,.elementor-button,.wpcf7 button,.mc4wp-form button{min-height:48px}
  .sq-form input,.sq-form select,.sq-form textarea,
  .wpcf7-form input:not([type="hidden"]),.wpcf7-form select,.wpcf7-form textarea,
  .mc4wp-form input:not([type="hidden"]){min-height:48px;font-size:16px}
  .sq-crumb{line-height:1.65}
  .sq-crumb a{display:inline-block;min-height:24px;padding-block:3px}
  .sq-info .it a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding-block:6px;
  }
  .sq-more,.sk-links a,.prj-foot .sq-more{min-height:44px}
  .sq-acc summary{min-height:48px;display:flex;align-items:center}
  #colophon .elementor-icon-list-item>a{
    display:flex;
    align-items:center;
    min-height:44px;
    padding-block:8px;
  }
  #colophon .elementor-element-dd7d011 .elementor-icon-list-item>a{
    min-height:44px;
    padding:7px 4px;
  }
  #colophon p a{
    display:inline-flex;
    align-items:center;
    min-height:24px;
  }
  #colophon .mc4wp-form-fields{gap:8px}
  #colophon .mc4wp-form-fields input,#colophon .mc4wp-form-fields button{min-height:48px}
  .elementor-element-a8c6a7d .elementor-swiper-button{
    width:48px!important;
    height:48px!important;
    min-width:48px;
    min-height:48px;
  }
  .elementor-element-a8c6a7d .swiper-pagination-bullet{
    position:relative;
    width:28px!important;
    height:28px!important;
    margin:0 1px!important;
    background:transparent!important;
  }
  .elementor-element-a8c6a7d .swiper-pagination-bullet::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:8px;
    height:8px;
    border-radius:99px;
    background:rgba(255,255,255,.52);
    transform:translate(-50%,-50%);
    transition:width .2s,background .2s;
  }
  .elementor-element-a8c6a7d .swiper-pagination-bullet-active::after{
    width:22px;
    background:var(--suq-gold);
  }
  .sq-banner--model .mk-banner-machine{
    right:-20%;
    width:82vw;
  }
  html[dir="rtl"] .sq-banner--model .mk-banner-machine{
    right:auto;
    left:-20%;
  }
}
@media(prefers-reduced-motion:reduce){
  .untex-mobile-nav,.mobile-nav-close,.untex-overlay{transition:none!important}
}

/* Masaustu navigasyonu 1366px altinda kapandigi icin tablet araliginda
   mobil menu dugmesini tema kurallarindan bagimsiz olarak gorunur tut. */
@media(max-width:1366px){
  .elementor-element-30f7c36>.elementor-widget-container{
    padding:0!important;
    background:transparent!important;
  }
}
@media(max-width:767px){
  .elementor-element-14f7801>.e-con-inner{
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:12px!important;
  }
  .elementor-element-e2fdcf8{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    justify-content:flex-start!important;
  }
  .elementor-element-7e727b4{
    width:auto!important;
    max-width:100%;
  }
  .elementor-element-7e727b4 .suq-logo{
    max-width:100%;
    font-size:18px;
  }
  .elementor-element-bea24cb{
    flex:0 0 48px!important;
    width:48px!important;
    min-width:48px!important;
  }
  #colophon .elementor-element-39bad63 a{
    display:inline-flex;
    align-items:center;
    min-height:24px;
  }
}