/*
 * ========================================================================== 
 * TUM MUSTERI SAYFALARI - MASAUSTU TARAYICI YAKINLASTIRMA KORUMASI
 * ========================================================================== 
 *
 * AMAC:
 * - Tarayici %100 uzerine ciktiginda %100 masaustu yerlesimini korumak.
 * - Tarayicinin gercek buyutmesini iptal etmemek.
 * - Urun kartlarinin daralip uzamasini ve masaustu kolonlarinin bozulmasini
 *   onlemek; gerekli oldugunda sayfanin yatayda dogal olarak tasmasina izin
 *   vermek.
 *
 * Bu dosya yalniz JavaScript html etiketine
 * .dekohop-desktop-browser-zoom-lock sinifini eklediginde calisir.
 * Normal %100 gorunumde hicbir kural etkin degildir.
 */

/* DEKOHOP-EDITABLE-SETTINGS-START */
:root {
  --dekohop-browser-zoom-factor: 1; /* JavaScript tarafindan bulunan tarayici yakinlastirma orani. */
  --dekohop-browser-zoom-reference-vw: 100vw; /* %100 gorunumun mantiksal ekran genisligi. */
  --dekohop-browser-zoom-desktop-layout-width: 1280px; /* %100 masaustu kompozisyonunun bozulmadan korunacagi toplam sayfa genisligi. */
  --dekohop-browser-zoom-desktop-container-width: 1170px; /* %100 gorunumdeki Bootstrap icerik kolonu; urun karti sutunlarini sabit tutar. */
  --dekohop-browser-zoom-desktop-container-space: 24px; /* %100 masaustu container sag ve sol ic boslugu. */
}
/* DEKOHOP-EDITABLE-SETTINGS-END */

/* DEKOHOP-COMMON-DESKTOP-RULES-START */
html.dekohop-desktop-browser-zoom-lock {
  overflow-x: auto !important;
  overflow-y: auto;
}

html.dekohop-desktop-browser-zoom-lock body {
  width: 100%;
  min-width: var(--dekohop-browser-zoom-desktop-layout-width);
  overflow-x: visible !important;
}

/*
 * Tarayici %125 ve uzerinde daha dar bir CSS ekrani bildirir. Bootstrap bu
 * durumda container'i 970px/750px yapmasin; %100'deki 1170px kompozisyonu
 * aynen kalsin. Tarayicinin kendi buyutmesi korunur, yalniz yatay kaydirma
 * dogal olarak devreye girer.
 */
html.dekohop-desktop-browser-zoom-lock body .container {
  width: var(--dekohop-browser-zoom-desktop-container-width) !important;
  max-width: none !important;
  padding-right: var(--dekohop-browser-zoom-desktop-container-space) !important;
  padding-left: var(--dekohop-browser-zoom-desktop-container-space) !important;
}

/* %150 civarinda max-width:991 kurallari calissa da header masaustu kalsin. */
html.dekohop-desktop-browser-zoom-lock .dekohop-header-main {
  grid-template-columns: minmax(190px, 250px) auto minmax(340px, 1fr) auto !important;
  gap: 18px !important;
}

html.dekohop-desktop-browser-zoom-lock .dekohop-header-search,
html.dekohop-desktop-browser-zoom-lock .dekohop-header-brand,
html.dekohop-desktop-browser-zoom-lock .dekohop-header-actions {
  grid-column: auto !important;
  grid-row: auto !important;
}

html.dekohop-desktop-browser-zoom-lock .dekohop-header-contact {
  display: flex !important;
  justify-self: auto !important;
}

/* Daha yuksek yakinlastirmada Bootstrap mobil menusu masaustu menuyu ezmesin. */
html.dekohop-desktop-browser-zoom-lock #menu .navbar-header {
  display: none !important;
}

html.dekohop-desktop-browser-zoom-lock #menu .navbar-collapse.collapse {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
}

html.dekohop-desktop-browser-zoom-lock #menu .nav {
  display: flex !important;
}

html.dekohop-desktop-browser-zoom-lock #menu .nav > li {
  float: none !important;
}

/*
 * OpenCart varsayilan stylesheet.css dosyasi 1200px altinda urun karti
 * caption alanini 210px yapar. Tarayici yakinlastirmasi bu eski kurali
 * yanlislikla etkinlestirdiginde kart uzamasin; onayli urun karti bileseninin
 * kendi satir olculeri kaynak olarak kalsin.
 */
html.dekohop-desktop-browser-zoom-lock .product-grid .product-thumb .caption,
html.dekohop-desktop-browser-zoom-lock #product-category .dekohop-category-product-grid .product-thumb .caption {
  min-height: 0 !important;
}

/* 100vw kullanan acilir katmanlar da %100 masaustu genisligini esas alir. */
html.dekohop-desktop-browser-zoom-lock #menu.navbar .dropdown-menu {
  max-width: calc(var(--dekohop-browser-zoom-reference-vw) - (var(--dekohop-main-menu-dropdown-viewport-gap) * 2));
}

html.dekohop-desktop-browser-zoom-lock #product-category .dekohop-category-layer {
  max-width: calc(var(--dekohop-browser-zoom-reference-vw) - (var(--dekohop-category-layer-viewport-safe-space) * 2));
}

html.dekohop-desktop-browser-zoom-lock .dekohop-mini-cart.dropdown-menu {
  width: min(var(--dekohop-mini-cart-width), calc(var(--dekohop-browser-zoom-reference-vw) - 32px));
}
/* DEKOHOP-COMMON-DESKTOP-RULES-END */

/* DEKOHOP-RESPONSIVE-RULES-START */
/* Mobil tasarim turunda bu masaustu korumasindan bagimsiz kurallar yazilacaktir. */
/* DEKOHOP-RESPONSIVE-RULES-END */