@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//n10glass.com.tr/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
	font-display:swap;
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//n10glass.com.tr/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//n10glass.com.tr/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//n10glass.com.tr/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//n10glass.com.tr/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//n10glass.com.tr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//n10glass.com.tr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//n10glass.com.tr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//n10glass.com.tr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Questrial", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #000000;
	--wd-text-font-size: 15px;
	--wd-title-font: "Questrial", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #000000;
	--wd-entities-title-font: "Questrial", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Questrial", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Questrial", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Red Rose", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(42,167,194);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(42,167,194);
	--btn-accented-bgcolor-hover: rgb(42,167,194);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://n10glass.com.tr/wp-content/uploads/2021/08/promo-popup-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(239,239,239);
	--wd-bordered-bg:rgb(239,239,239);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 190px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-el-font-size: 16px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-header-el-font-size: 16px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* =========================================================
   N10GLASS - GLOBAL ACCENT (tema ana rengi otomatik)
========================================================= */
:root{
  --n10-accent: var(--wd-primary-color, #007cba);

  /* HAFİF tonlar (performans dostu) */
  --n10-accent-08: rgba(0,124,186,.08);
  --n10-accent-10: rgba(0,124,186,.10);
  --n10-accent-18: rgba(0,124,186,.18);
  --n10-accent-25: rgba(0,124,186,.25);
  --n10-accent-34: rgba(0,124,186,.34);
}

/* =========================================================
   HEADER (PC + MOBIL) - Yükseklik/boşluk fix + logo + phone
========================================================= */
.whb-header .whb-row,
.whb-header .whb-row-inner{
  min-height: unset !important;
}

.whb-header .whb-row-inner{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

@media (max-width: 1024px){
  .whb-header .whb-row-inner{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}

.whb-header .whb-col-left,
.whb-header .whb-col-center,
.whb-header .whb-col-right{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Logo text */
.n10TextLogo{
  display:inline-flex;
  align-items:center;
  gap:2px;
  font-weight:800;
  letter-spacing:.2px;
  text-decoration:none !important;
  line-height:1;
  font-size:20px;
}
.n10TextLogoN10{ color:#ef4444; }
.n10TextLogoGlass{ color:#111827; }

@media (max-width:1024px){
  .n10TextLogo{ font-size:22px; }
}

/* Sağ blok (telefon vs.) */
.n10HdrRight{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}

.n10HdrPhone{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:999px;
  background:#fff;
  text-decoration:none !important;
  color:#0f172a !important;
  font-weight:700;
  white-space:nowrap;
}
.n10HdrPhone:hover{ border-color: var(--n10-accent-25); }

/* Sağ kolonu en sağa yasla */
.whb-row .whb-col-right,
.whb-row .whb-col-right .whb-column{
  justify-content:flex-end !important;
}

/* Header butonları */
.whb-btn,
.wd-header .btn,
.wd-header .button{
  border-radius:999px;
}

/* Teklif Al = soft yeşil */
.btn-teklif-al,
.btn-teklif-al .whb-button,
.btn-teklif-al a{
  background:#99B998 !important;
  border-color: rgba(153,185,152,.55) !important;
  color:#0f172a !important;
  font-weight:700 !important;
}
.btn-teklif-al:hover{ filter:brightness(.96); }

/* Online Randevu = temanın ana rengine yakın açık ton */
.btn-online-randevu,
.btn-online-randevu .whb-button,
.btn-online-randevu a{
  background: var(--n10-accent-08) !important;
  border-color: var(--n10-accent-25) !important;
  color:#0f172a !important;
  font-weight:700 !important;
}
.btn-online-randevu:hover{ filter:brightness(.98); }

/* =========================================================
   MEGA MENU – SINGLE SOURCE OF TRUTH (HIZLI + GARANTİ)
   HTML: .n10MegaWrap > .n10MegaGrid > a.n10MegaCard ...
========================================================= */

/* 1) Dropdown içinde kırpma olmasın (ikon büyümesi görünsün) */
.whb-header .wd-dropdown,
.whb-header .wd-dropdown-menu,
.whb-header .wd-dropdown-menu .container,
.whb-header .wd-dropdown-menu .wd-entry-content{
  overflow: visible !important;
}

/* 2) WP editor <p> / <br> kalıntıları (grid aralarını bozmasın) */
.wd-dropdown-menu .n10MegaGrid > p{
  margin:0 !important;
  padding:0 !important;
}
.wd-dropdown-menu .n10MegaGrid > p > br{
  display:none !important;
}

/* 3) Dropdown içi */
.n10MegaWrap{
  background:#fff;
  padding:12px 10px 16px;
  width:min(1180px, 92vw);
  box-sizing:border-box;
}

/* 4) Grid */
.n10MegaGrid{
  display:grid;
  grid-template-columns:repeat(4, minmax(220px, 1fr));
  gap:16px;
  padding:10px 6px;
  box-sizing:border-box;
}

/* 5) Kart (tema override + performans) */
.wd-dropdown-menu .n10MegaCard{
  display:flex;
  align-items:center;
  gap:10px; /* görsel daha yakın */
  padding:14px 16px;
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:16px;
  text-decoration:none !important;
  min-width:0;
  overflow:visible;

  /* Performans: sadece transform + shadow */
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease;
  will-change: transform;
  transform: translateZ(0);
}

/* 6) Görsel alanı (büyük) */
.wd-dropdown-menu .n10MegaImg{
  width:96px !important;
  height:96px !important;
  flex:0 0 96px !important;
  border-radius:16px !important;
  background:#eef3f8 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible !important;
}

/* 7) Görsel (daha dolu) */
.wd-dropdown-menu .n10MegaImg img{
  width:150% !important;
  height:150% !important;
  object-fit:contain !important;
  display:block;

  transform: translateZ(0) scale(1);
  transform-origin:center;
  transition: transform .18s ease;
  will-change: transform;
}

/* 8) Metin */
.n10MegaTxt{ display:flex; flex-direction:column; min-width:0; }

.n10MegaTitle{
  font-weight:800;
  color:#0f172a;
  font-size:14px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.n10MegaSub{
  margin-top:4px;
  font-size:12px;
  color:#64748b;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* 9) Hover – daha koyu + net (AĞIR efekt yok) */
.wd-dropdown-menu .n10MegaCard:hover{
  transform: translateY(-2px) translateZ(0);
  background-color: var(--n10-accent-18) !important;
  border-color: var(--n10-accent-34) !important;
  box-shadow: 0 12px 26px rgba(15,23,42,.14) !important;
}

/* Hover’da görsel arka planı */
.wd-dropdown-menu .n10MegaCard:hover .n10MegaImg{
  background:#e2f0fb !important;
}

/* Hover’da ikon büyüme (hafif ama belirgin) */
.wd-dropdown-menu .n10MegaCard:hover .n10MegaImg img{
  transform: translateZ(0) scale(1.20);
}

/* Hover’da yazılar koyulaşsın */
.wd-dropdown-menu .n10MegaCard:hover .n10MegaTitle{ color:#020617 !important; }
.wd-dropdown-menu .n10MegaCard:hover .n10MegaSub{ color:#334155 !important; }

/* 10) Responsive */
@media (max-width:1200px){
  .n10MegaGrid{ grid-template-columns:repeat(3, minmax(220px, 1fr)); }
}
@media (max-width:1024px){
  .n10MegaWrap{ width:92vw; }
  .n10MegaGrid{ grid-template-columns:repeat(2, minmax(200px, 1fr)); }
}
@media (max-width:520px){
  .n10MegaGrid{ grid-template-columns:1fr; }
}