/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme - Gaming
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      2.0.5
 Text Domain:  generatepress_child*/
/* GeneratePress Site CSS */
.home.full-width-content .inside-article {
	background: none;
}
/* Custom header */
/* arama kutusu düzenleme */
.inside-header {
    display: flex;
    align-items: center;
}
.woo-search {
    margin-left: 60px;
    margin-right: 30px;
    flex-grow: 1;
}
/*
 * The doubled .dgwt-wcas-sf-wrapp class below is deliberate, not a typo.
 *
 * FiboSearch ships the identical selector at the identical specificity
 * (ajax-search-for-woocommerce-premium/assets/css/style.min.css, height: 40px),
 * so which declaration wins is decided by document order alone. Perfmatters
 * RUCSS front.used.css carries BOTH copies; FiboSearch own stylesheet then
 * loads after it and takes the height back to 40px; this file finally loads and
 * returns it to 45px. Measured 2026-10-04 on dev: a ~3 ms window at 40px, which
 * moves the header band by 5 px and was the source of a 0.0117 CLS on every page.
 *
 * Repeating the class raises specificity to three classes without changing which
 * elements match - verified that both selectors match exactly one element on
 * mobile (393px) and desktop (1440px) - so this rule now wins whatever the load
 * order is. An ancestor-based selector (.dgwt-wcas-search-wrapp) was rejected
 * because it would silently stop matching if FiboSearch renamed that wrapper,
 * and the header would then drop to 40px with nothing to indicate why.
 */
.dgwt-wcas-sf-wrapp.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    width: 100%;
    height: 45px;
    font-size: 22px;
}
/* Fibosearch menu bar icon remove */
.main-navigation .dgwt-wcas-menu-bar-item {
    display: none;
}
/* FiboSearch arama sonuçlarında eski (üstü çizili) fiyatı ve "En Düşük:" etiketini gizle */
.dgwt-wcas-content-wrapp .dgwt-wcas-sp del,
.dgwt-wcas-content-wrapp .dgwt-wcas-sp .from {
    display: none;
}
.header-widget {
	order: 10;
	line-height: 1em;
	font-size: 20px;
}
.header-widget p {
	margin: 0;
}
@media (max-width: 768px) {
	.woo-search {
		margin-right: 0;
	}
	.inside-header {
		flex-direction: row;
	}
}
/* üst menü düzenlemeleri*/
.main-navigation ul li.slideout-toggle {
    display: none !important;
}
.woo-filter-toggle .woocommerce.archive .woocommerce-breadcrumb {
    padding: 0;
    margin-right: 20px;
    float: left;
    line-height: 30px;
    color: #3a3a3a;
}
@media (min-width: 769px) {
    .woocommerce.archive .woocommerce-breadcrumb {
        position: absolute;
    }
}
.woocommerce .woocommerce-result-count {
    float: right;
    margin-right: 20px;
    line-height: 30px;
}
@media (max-width: 768px) {
    .entry-content {
        display: flex;
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .archive.woocommerce .inside-article {
        display: flex;
        flex-direction: column;
    }
	.woocommerce-ordering select {
    padding: 10px;
    margin-bottom: 15px;
	}
}
/* Fibofilters mobil filtre ürün gör buton rengi */
.fibofilters-mobile-overlay__footer .fibofilters-button {
    background-color: var(--accent);
}
/* mobilde CLS icin yer rezervasyonu kalsin, masaustunde bosluk yapmasin */
.fibofilters-mobile-filters-container {
    min-height: 70px;
}
@media (min-width: 769px) {
    .fibofilters-mobile-filters-container {
        min-height: 0;
    }
}
/* cok filtre olunca etiketler alt satira tasip urunlerin arkasinda kalmasin */
body .fibofilters-applied-filters-container {
    height: auto !important;
    min-height: 46px;
}
/* General styles */
.woocommerce ul.products li.product, .woocommerce ul.products {
    margin-bottom: 0;
}
/* Star rating spacing in product loops */
.woocommerce ul.products li.product .star-rating {
    float: none !important;
    display: block !important;
    margin: auto auto 0 auto !important;
    padding-top: 8px;
    height: 1.2em;
    line-height: 1.2;
    overflow: hidden;
}
.woocommerce ul.products li.product .price {
    margin-top: 5px;
}
/* butonların köşeleri yuvarla */
.woocommerce .button  {
    border-radius: 5px !important;
}
/* Change button colors for the products, which can't be add to cart. out of stock etc*/
.woocommerce ul.products li.product a.button:not(.add_to_cart_button) {
    background-color: #5a5a5a;  
}
.woocommerce ul.products li.product a.button:not(.add_to_cart_button):hover {
    background-color: #092143; 
}
/* Başlık yüksekliği */
@media screen and (min-width: 769px) {
	.component_option_thumbnail_container .thumbnail_description .thumbnail_title {
		min-height: 140px;
	}
}
/* ürün açıklamaları ekleme */
@media (min-width: 769px) {
	.woocommerce ul.products li.product .woocommerce-LoopProduct-link h2 {
        flex-grow: 1;
        font-size: 1.2em; 
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@media (max-width: 768px) {
	.woocommerce ul.products li.product .woocommerce-LoopProduct-link h2 {
        flex-grow: 1;
        font-size: 1.2em; 
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
/* Fiyatların üzerine boşluk */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product p.price ins {
    margin-top: 15px;
}
/* kategori başlığı formatı*/
.page-hero {
    text-align: center;	
    font-size: 30px;
    text-transform: uppercase;
}
/*tablolar*/
.su-table-responsive {
	overflow-x:auto;
}
.su-table-responsive table {
	width: auto;
	min-width: 100%;
	border: 1px solid #ccc;
    border-collapse: collapse;
}
.su-table-responsive table td, .su-table-responsive table th, .su-table-responsive table tr {
	word-break: initial;
	border: 1px solid #ccc;
}
.su-table-alternate table tr:nth-child(even) td {
	background: #f7f7f7;
}
.su-table-responsive table th {
    padding: 1em;
    font-size: 1em;
    color: #3a3a3a;
    background: #eeeeee;
}
.su-table-responsive table caption {
    padding: 1em;
    font-size: 1em;
    font-weight: bold;
    color: #3a3a3a;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #eeeeee;
}
/* noktalı başlık h2*/
.textseparator, .related.products h2, .wc-prl-title {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    margin: 0px;
    padding: 20px
}
.textseparator:before, .textseparator:after, .wc-prl-title:before,
.wc-prl-title:after, .related.products h2:before,
.related.products h2:after {
    content: "";
    flex-grow: 2;
    height: 1px;
    line-height: 10px;
    margin: 0px 8px 0px 8px;
    border-top: dotted #ddd;
}
.textshadow {
	text-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black;
}
/* boş adres formatı */
input#billing_address_1::placeholder,
input#billing_address_2::placeholder {
    color: #cc8400;
}
/* sepetteki ürün sayısı arka plan */
.cart-contents>span.number-of-items {
    background: #1e73be;
}
/* Mobilde ürün adı ve resmi görünmesin */
@media(max-width: 600px) {
    #wc-sticky-cart-panel :is(.product-title, .product-image) {
        display: none;
    }
    #wc-sticky-cart-panel .product-price {
        font-weight: bold;
        font-size: 1.5em;
    }
    #wc-sticky-cart-panel.add-to-cart-panel>div {
        justify-content: space-between;
    }
}
/* siteiçi linkler stick header arkasında kalmasın */
html {
	scroll-padding-top: 85px;
    } 
/* Social icons bloğu güncelleme-perfmatters global styles */
.is-layout-flex {
    display: flex;
}
.wp-social-link {
margin-right: 20px; 
}
/* sosyal medya paylaşım css */
.wplogout-social-wrapper {
    margin: 10px 0;
}
.wplogout-social-wrapper span {
    padding-right: 10px;
}
.wplogout-social-sharing {
    font-size: 17px;
    padding: 0px 5px;
}
.wplogout-social-sharing svg {
    position: relative;
    top: 0.4em;
    display: inline-block;
}
/* kategorilerden En düşük: Yazısını kaldırma */
.price .from {
    display: none !important;
}
/* mobil menü */
.main-navigation.slideout-navigation.is-open {
    width: fit-content;
}
/* mobil menü */
.main-navigation.slideout-navigation.is-open .inside-navigation {
    width: 350px;
}
/* tekli ürünler */
/* küçük resimler tek satırda */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
}
/* karşılaştırma - istek listesi */
.htcompare-btn {
    display: inline-block;
	margin-top: 15px;
}
.htcompare-btn, .wishsuite-btn {
	color : #3a3a3a;
}
.wishsuite-product-after_cart_btn {
    display: inline-block;
    margin-left: 40px;
	margin-bottom: 5px;
}
.wishsuite-product-image img {
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}
/* tablardaki başlıkları kaldırma, devamı snippetslerde*/
.woocommerce-Reviews .woocommerce-Reviews-title{
  display: none;
}
/* WooCommerce Product Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after {
    border-bottom: 1px solid #eee !important;
}
/* WPC Smart Attribute Groups for WooCommerce */
.woocommerce table.shop_attributes td {
    text-indent: 10px;
    text-align: left;
}
.woocommerce table.shop_attributes tr:hover {
    background-color: #D6EEEE;
}
.woocommerce table.shop_attributes th {
    width: 40%;
    text-align: left;
    font-weight: 500;
}
/* ürün nitelikleri tablosu border */
table, td, th {
	border: 1px dotted #ccc;
}
/* Stokta rengi accessibility*/
.in-stock {
    color: #2c2c2c!important;
}
.amount {
	color: #b12704;
}
/* QTY Adet artır azalt ikonları hep görünsün */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
   height: 40px;
}
/* Bundle ürünleri arasındaki boşluğu düzelt */
.bundled_item_optional {
    margin-bottom: 10px !important;
}

.bundled_item_optional .bundled_product_images {
    margin-bottom: 0 !important;
}

.bundled_item_optional .details {
    margin-bottom: 0 !important;
}

/* Bundle ürünleri arasındaki boşluğu daha da azalt */
.bundled_item_optional + .bundled_item_optional {
    margin-top: 5px !important;
}

/* Bundle container'ın padding'ini azalt */
.bundle_form .bundled_item_optional {
    padding: 5px 0 !important;
    margin: 0 !important;
}

/* Bundle ürün resimleri arasındaki boşluğu kaldır */
.bundled_item_optional .bundled_product_images {
    margin: 0 !important;
    padding: 0 !important;
}
/* Bundle fiyatı ile çizgi arasına boşluk */
.bundle_wrap {
    margin-top: 10px !important;
}
/* Product Bundle - Optional add-on prices styling - hepsini normal yap */
.bundled_product_optional_checkbox .price .woocommerce-Price-amount {
    font-weight: normal !important;
    font-size: 1.1em !important;
}

/* Sale price (ins) elementini de normal yap */
.bundled_product_optional_checkbox .price ins .woocommerce-Price-amount {
    font-weight: normal !important;
    font-size: 1.1em !important;
    color: #b12704 !important;
}

/* Regular price için de normal yap */
.bundled_product_optional_checkbox .price span .woocommerce-Price-amount {
    font-weight: normal !important;
    font-size: 1.1em !important;
    color: #b12704 !important;
}
/* Sticky add to cart - eski fiyatı gösterme */
.product-price del {
    display: none!important;
}

/* FAQ Accordion, akordiyon icons */
.gb-accordion__item.gb-accordion__item-open svg:nth-child(1) {
    display: none;
}
.gb-accordion__item:not(.gb-accordion__item-open) svg:nth-child(2) {
    display: none;
}
/* WooCommerce ürün listesi + Product Recommendation */
.home .woocommerce ul.products,
.single-product .wc-prl-recommendations ul.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
 
.home .woocommerce ul.products li.product,
.single-product .wc-prl-recommendations ul.products li.product {
    width: calc(25% - 10px) !important;
    margin: 0 5px 30px 5px !important;
    box-sizing: border-box;
}
 
@media (max-width: 768px) {
    .home .woocommerce ul.products li.product,
    .single-product .wc-prl-recommendations ul.products li.product {
        width: calc(50% - 10px) !important;
        margin: 0 5px 16px 5px !important;
        padding: 5px;
    }
}
 
/* Sadece PR’a özel gerekli düzeltme */
.single-product .wc-prl-recommendations ul.products::before,
.single-product .wc-prl-recommendations ul.products::after {
    content: none !important;
    display: none !important;
}
/* Cart page — Product Recommendations 2x2 grid */
.woocommerce-cart .wc-prl-recommendations ul.products.columns-2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.woocommerce-cart .wc-prl-recommendations ul.products.columns-2 li.product {
    width: calc(50% - 10px) !important;
    margin: 0 5px 16px 5px !important;
    box-sizing: border-box;
}
.woocommerce-cart .wc-prl-recommendations ul.products::before,
.woocommerce-cart .wc-prl-recommendations ul.products::after {
    content: none !important;
    display: none !important;
}

/* Product card vertical alignment — align price/rating/button across row */
.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
	padding: 10px;
	margin: 0 5px 30px 5px !important;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.4s ease, transform 0.4s ease;
    overflow: hidden;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1;
}
/* Hover lift is gated on a real hover-capable pointer. On a touch screen
 * :hover is STICKY — it latches on tap and stays — so every tap on a product
 * card used to repaint two blurred shadows (32px + 16px) and create a new
 * stacking context, all inside the frame INP scores. Measured on the live
 * homepage (mobile 412x915, 4x CPU): tapping a card cost 120ms with 111ms of
 * that in presentation delay and processing=0, versus 16ms for a tap on empty
 * space. Nothing here is functional — no control is revealed on hover — so
 * touch devices lose only the decoration. */
@media (hover: hover) {
    .woocommerce ul.products li.product:hover {
        border-radius: 5px;
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25), /* Larger shadow for depth */
                    0 8px 16px rgba(0, 0, 0, 0.2); /* Additional shadow layer */
        transform: translateY(-8px); /* Slightly larger lift effect */
        position: relative;
        z-index: 2; /* Ensure hovered item appears above others */
    }
}
.woocommerce ul.products li.product .button {
    margin-bottom: 20px;
}
/* eski fiyat stilleri */
 .wc-block-components-product-price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del, ul.products li.product .price del, .price del {
     display: none !important;
 }
/* back-to-top buton konumu*/
.generate-back-to-top,
.generate-back-to-top:visited {
    bottom: 80px; 
    left: 20px;
}
.no-margin-bottom {
    margin-bottom: 0 !important;
    line-height: 0;
}
/* CLS issue fix */
/* Global CLS*/
.mobile-header-logo>a>img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 125/27 !important;
    max-width: 140px !important;
    padding: 0px !important;
}
/* Product Category - CLS*/
@media (min-width: 1024px) {
    .left-sidebar {
        min-width: 334px;
    }
}
.left-sidebar .site-content .content-area {
    margin-left: auto;
}
.woocommerce ul.products {
    width: 100% !important;
} 
/* Kategori/arşiv: ürünler yan yana (100% kaldırıldı) */
body.archive.woocommerce .woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
}
body.archive.woocommerce .woocommerce ul.products.columns-4 li.product {
    width: calc(25% - 10px);
}
body.archive.woocommerce .woocommerce ul.products.columns-3 li.product {
    width: calc(33.333% - 10px);
}
@media (max-width: 768px) {
    body.archive.woocommerce .woocommerce ul.products.columns-4 li.product,
    body.archive.woocommerce .woocommerce ul.products.columns-3 li.product {
        width: calc(50% - 10px);
    }
}
.woocommerce ul.products li.product .inside-wc-product-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/1 !important;
}
.woocommerce ul.products li.product a img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/1 !important;
}
.woocommerce ul.products.columns-3 li.product:not(.bundled_product),
.woocommerce-page ul.products.columns-3 li.product:not(.bundled_product) {
    width: calc(33.333% - 10px);
}
/* Shortcode product grid on posts/pages (e.g. [products] shortcode) */
.entry-content .woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.entry-content .woocommerce ul.products li.product {
    width: calc(25% - 10px) !important;
    margin: 0 5px 30px 5px !important;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .entry-content .woocommerce ul.products li.product {
        width: calc(50% - 10px) !important;
        margin: 0 5px 16px 5px !important;
        padding: 5px;
    }
}
/* Product Detail - Single Product CLS */
/* Main Product Image Container */
.woocommerce-product-gallery {
    display: flex;
    flex-direction: column;
    min-height: 450px;
  }
.woocommerce-product-gallery .flex-viewport {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1/1 !important;
    overflow: hidden;
  }
/* Thumbnail Container */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px 0;
    margin-top: 10px;
    min-height: 125px !important;
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #CCCCCC #f2f2f2; /* Adjust scrollbar colors */
}

/* Customize Scrollbar for WebKit Browsers */
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
    height: 8px;
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-track {
    background: #f2f2f2; /* Scrollbar track color */
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-thumb {
    background-color: #CCCCCC; /* Scrollbar thumb color */
    border-radius: 4px;
}

/* Thumbnail Items */
.woocommerce div.product div.images .flex-control-thumbs li {
    flex: 0 0 auto;
    width: 100px !important;
    height: 100px !important;
    margin-right: 10px;
    box-sizing: border-box;
}

/* Thumbnail Images */
.woocommerce div.product div.images .flex-control-thumbs li img {
    width: 100px !important;
    height: 100px !important;
    aspect-ratio: 1/1 !important;
    object-fit: contain; /* Maintains aspect ratio */
    border: 2px solid #eeeeee; /* Light gray default border */
    border-radius: 8px; /* Rounded corners */
    box-sizing: border-box;
    transition: border-color 0.5s ease, box-shadow 0.5s ease; /* Smoother hover transition */
}

/* Thumbnail Hover Effect */
.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.woocommerce div.product div.images .flex-control-thumbs li.flex-active-slide img {
    border-color: #DDDDDD; /* Softer light gray on hover */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* Very soft shadow */
    cursor: pointer;
}

.woocommerce-product-rating {
    display: flex !important;
    align-items: center !important;
    height: 35px;
    overflow: hidden;
}
.woocommerce-review-link {
    font-size: 17px !important;
}
.woocommerce .woocommerce-product-rating .star-rating {
    width: 100px !important;
    height: 20px !important;
    overflow: hidden;
    margin: 0px !important;
}
.bundle_price {
    height: 35px; /* Fixed height */
    overflow: hidden;
}
.single_add_to_cart_button {
    height: 45px !important;
}
/* Ozet kolonu yer rezervasyonu. min-height her viewport'ta gecerli: kutunun
   gercek yuksekligi masaustunde ~1526px, mobilde daha da fazla, yani 300px asla
   bosluk yaratmaz - sadece cocuklar boyanmadan once olusan 0-yukseklik anini
   engeller. Olculen kayma: mobilde .summary.entry-summary 0 -> 91px (t=483ms). */
.summary.entry-summary {
    min-height: 300px;
}
@media (min-width: 1024px) {
    .summary.entry-summary .product_title {
        margin-bottom: 10px;
    }
    .summary.entry-summary .price {
        margin-bottom: 15px;
    }
    .summary.entry-summary .stock {
        margin-bottom: 15px;
    }
    .summary.entry-summary form.cart {
        min-height: 45px;
        margin-bottom: 20px;
    }
}
/* beta-product-addons-extended bilgi banner'i DOM'a sonradan enjekte oluyor
   (olculen: 0 -> 47px), altindaki sekmeleri asagi itiyor. Yerini onceden ayir.
   Not: buradaki eski .htcompare-button-area / .wishsuite-btn /
   .wplogout-social-wrapper kurallari kaldirildi - o eklentiler beta-product-compare
   ve beta-wishlist ile degistirildigi icin sayfada 0 adet eslesiyorlardi, yani
   rezervasyon hicbir sey yapmiyordu. */
.summary.entry-summary .beta-pae-info-link-banner {
    min-height: 47px;
}
/* Wishlist (.beta-wl-btn-wrap) ve compare (.beta-pc) butonlari DOM'a sonradan
   enjekte oluyor; olculen kayma her ikisi icin de 0 -> 33px, ve Perfmatters
   Delay JS yuzunden bu ilk boyamadan cok sonra (t=17.8s) oluyor, yani tamami
   CLS'e yaziliyor. Ikisi de paylasilan .bd-action-btn-wrap sarmalayicisini
   kullandigi icin tek kural ikisini de kapsar.
   Bu, eski .htcompare-button-area / .wishsuite-btn rezervasyonlarinin yerini
   alir - o siniflar EverCompare/WishSuite ile birlikte kaldirilmisti. */
.single-product .bd-action-btn-wrap {
    min-height: 33px;
}

/* ==========================================================================
   PersonaClick oneri slider'i - CLS
   --------------------------------------------------------------------------
   Swiper, slide genisliklerini JS init sirasinda inline yaziyor
   (style="width: 244.5px; margin-right: 30px"). Init'ten ONCE slide'lar blok
   eleman olarak alt alta tam genislikte duruyor: 10 urun = devasa yukseklik.
   Init olunca tek yatay siraya iniyor ve kutu birden coküyor, altindaki her sey
   yukari zipliyor. Perfmatters Delay JS bu init'i ilk dokunusa (ya da 15. sn'ye)
   kadar beklettigi icin cokme HER ZAMAN ilk boyamadan sonra olur - yani tamami
   CLS'e yazilir. Olculen katki: ~0.69 (0.447 + 0.247), sayfa toplaminin buyuk
   kismi. Kaynak: .pc-ei-popup-content icindeki "Bunlara Goz Atmadan Cikma"
   exit-intent popup'i ve ayni sablonu kullanan inline oneri bloklari.

   Asagidaki kurallar init ONCESI gorunumu init SONRASI ile ayni yapar, boylece
   gecis sirasinda yukseklik degismez ve kayma sifirlanir. Sadece CSS - Swiper
   davranisina dokunmuyor, init olunca bu kurallar kendiliginden devre disi
   kalir (.swiper-initialized eklenince :not() eslesmez).

   Ayni duzeltme PersonaClick'ten de talep edildi; bu blok saticiyi beklemeden
   sorunu bizim tarafimizdan cozer ve onlar duzeltse bile zararsizdir.
   ========================================================================== */
.recommended-items-slider:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}
.recommended-items-slider:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 auto;
    width: 244.5px;
    margin-right: 30px;
}
/* Mini cart dropdown customization */
.widget_shopping_cart_content {
    background-color: #ffffff !important; /* White background */
    font-size: 12px !important; /* Smaller text */
    padding: 10px !important; /* Adjust padding */
}

/* Adjust cart item text */
.widget_shopping_cart_content .cart_list li a {
    font-size: 12px !important; /* Smaller text for product names */
}
.widget_shopping_cart_content * {
    color: #333333 !important; /* dark gray for all text */
}
/* Apply the "Sepete Ekle" button style to mini cart buttons */
.widget_shopping_cart_content .buttons a {
    background-color: #1e73be !important; 
    color: #ffffff !important; /* Button text color */
    border-radius: 5px !important; /* Rounded corners */
    text-transform: uppercase;
}
/* Hover effect for mini cart buttons */
.widget_shopping_cart_content .buttons a:hover {
    background-color: #092143 !important; /* Darker background on hover */
}
/* Show mini-cart on homepage */
.wc-menu-item:not(.has-items) .wc-mini-cart {
    display: initial !important;
}
#wc-mini-cart ul.woocommerce-mini-cart {
    max-height: 500px;
    overflow-y: scroll;
}
.wc-mini-cart {
    width: 400px !important;
}

/* 1. Apply box-sizing globally to prevent sizing issues */
*, *::before, *::after {
    box-sizing: border-box;
}

/* 2. Adjust the container to use CSS Grid for better alignment and spacing */
.wc-block-product-template__responsive {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Responsive columns */
    row-gap: 30px !important; /* Increased vertical spacing */
    column-gap: 15px !important; /* Maintain or adjust horizontal spacing */
    padding-left: 10px !important;
    padding-right: 10px !important;
    max-width: 1350px; /* Adjust as needed */
    margin: 0 auto; /* Center the container */
}
/* Add responsive adjustments */
@media (max-width: 767px) {
    .wc-block-product-template__responsive {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
        row-gap: 10px !important; 
        column-gap: 5px !important; 
        padding-left: 5px !important; 
        padding-right: 5px !important;
    }

    /* Reduce padding in product items */
    .wc-block-product-template__responsive .wc-block-product {
        padding: 5px; 
    }

    /* Adjust title spacing and size */
    .wc-block-product-template__responsive .wc-block-product .wp-block-post-title {
        flex-grow: 1;
        font-size: 0.8em; /* Smallest size for mobile */
        padding: 1px 0;
        margin-bottom: 2px;
    }

    /* Adjust price spacing */
    .wc-block-product-template__responsive .wc-block-product .wc-block-components-product-price {
        padding: 2px 0; 
        margin-top: 2px; 
    }

    /* Adjust price font size */
    .wc-block-components-product-price ins .woocommerce-Price-amount.amount,
    .wc-block-components-product-price .woocommerce-Price-amount.amount {
        font-size: 1em !important; 
    }
}

/* 3. Configure product items */
.wc-block-product-template__responsive .wc-block-product {
    padding: 10px;
    display: flex;
    flex-direction: column;
    background-color: #fff; /* Ensure background is white for shadow visibility */
    border-radius: 8px; /* Rounded corners for a modern look */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Initial subtle shadow */
    transition: box-shadow 0.4s ease, transform 0.4s ease; /* Smooth transition */
    height: 100%;
    overflow: hidden; /* Prevent content overflow */
}

/* 4. Hover effects on product items — hover-capable pointers only.
 * Same reasoning as the ul.products rule above: sticky :hover on touch turns
 * every tap into a two-shadow repaint plus a stacking-context change. */
@media (hover: hover) {
    .wc-block-product-template__responsive .wc-block-product:hover {
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25), /* Larger shadow for depth */
                    0 8px 16px rgba(0, 0, 0, 0.2); /* Additional shadow layer */
        transform: translateY(-8px); /* Slightly larger lift effect */
        position: relative;
        z-index: 2; /* Ensure hovered item appears above others */
    }
}

/* 5. Ensure images are responsive and have rounded corners */
.wc-block-product-template__responsive .wc-block-product .wc-block-components-product-image {
    position: relative; /* For stacking images */
    width: 100%;
    overflow: hidden; /* Hide any overflow */
}

.wc-block-product-template__responsive .wc-block-product .wc-block-components-product-image img.primary-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-top-left-radius: 8px; /* Match container's border radius */
    border-top-right-radius: 8px; /* Match container's border radius */
}

/* 6. Center product titles and prices */
.wc-block-product-template__responsive .wc-block-product .wp-block-post-title,
.wc-block-product-template__responsive .wc-block-product .wc-block-components-product-price {
    text-align: center;
    padding: 5px 0; /* Add some vertical padding */
}

/* 7. Allow the title to grow and push the price down */
/* Desktop screens */
@media (min-width: 1024px) {
    .wc-block-product-template__responsive .wc-block-product .wp-block-post-title {
        flex-grow: 1;
        font-size: 1.2em; /* Set default font size for titles */
        padding: 5px 0;
    }
}
@media (min-width: 768px) {
    .wc-block-product-template__responsive .wc-block-product .wp-block-post-title {
        flex-grow: 1;
        font-size: 1em;
        padding: 2px 0;
    }
}
/* 8. Align the price at the bottom */
.wc-block-product-template__responsive .wc-block-product .wc-block-components-product-price {
    margin-top: auto;
}

/* 9. Remove underline from product titles */
.wp-block-post-title a {
    text-decoration: none;
    color: #333; /* Default title color */
    transition: color 0.3s ease; /* Smooth color transition */
}

/* 11. Hide the 'En Düşük: ' label */
.wc-block-components-product-price .from {
    display: none !important;
}

/* 12. Hide the original higher price for composite products (del element) */
.product-type-composite del,
.product-type-composite .wc-block-components-product-price del {
    display: none !important;
}

/* 13. Hide the accessibility labels (screen-reader-text) */
.wc-block-components-product-price .screen-reader-text {
    display: none !important;
}

/* 14. Ensure the regular price (ins and span elements) displays correctly */
.wc-block-components-product-price ins .woocommerce-Price-amount.amount,
.wc-block-components-product-price .woocommerce-Price-amount.amount {
    text-decoration: none !important; /* Remove any strikethrough */
    color: #b12704 !important; /* Maintain desired color */
    font-weight: 600 !important; /* Maintain boldness */
    font-size: 1.4em !important; /* Set a consistent and larger font size */
}

/* 15. Optional: Adjust overall price container styling for better alignment */
.wc-block-components-product-price {
    text-align: center; /* Center the price */
    padding: 5px 0; /* Add vertical padding if necessary */
}
/* 16. Responsive adjustments for smaller screens */
@media (max-width: 767px) {
    /* 16.1. Adjust regular price font size */
    .wc-block-components-product-price ins .woocommerce-Price-amount.amount,
    .wc-block-components-product-price .woocommerce-Price-amount.amount {
        font-size: 1.2em !important; /* Slightly smaller on mobile */
    }

    /* 16.2. Reduce title font size on mobile */
    .wc-block-product-template__responsive .wc-block-product .wp-block-post-title {
        font-size: 1em; /* Smaller font size for mobile */
    }
}
/* 17. Add space between social icons */
.wp-block-social-links li {
    margin: 0 10px !important;
}
/** 
 * Common styles for all flexsliders
 */

 .flex-direction-nav a,
 .woocommerce-product-gallery__wrapper .flex-direction-nav a {
     opacity: 0 !important;
     transition: opacity 0.3s ease !important;
 }
 
 .flexslider:hover .flex-direction-nav a,
 .woocommerce-product-gallery:hover .flex-direction-nav a {
     opacity: 1 !important;
 }
 
 /** 
  * Single product specific styles
  */
 .single-product ul.flex-direction-nav {
     position: absolute;
     top: 30%;
     z-index: 10;
     width: 100%;
     left: 0;
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
 .single-product .flex-nav-prev {
     float: left;
 }
 
 .single-product .flex-nav-next {
     float: right;
 }
 
 .single-product .flex-direction-nav a {
     visibility: hidden;
 }
 
 .single-product .flex-direction-nav a.flex-next::after {
     visibility: visible;
     content: url('/wp-content/uploads/2024/10/sag-ok.png');
 }
 
 .single-product .flex-direction-nav a.flex-prev::before {
     visibility: visible;
     content: url('/wp-content/uploads/2024/10/sol-ok.png');
 }
/**
 * Product tags, brand, categories, model names links style
 */
.brand-link .posted_in a,
.brand-link .brand-link__term a,
.product_meta .posted_in a,
.product-tags a {
  color: #0f5ea8;
  background: #eef5fc;
  border: 1px solid #cfe2f5;
  border-radius: 4px;
  padding: 1px 6px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  margin: 2px 3px;
}

.brand-link .posted_in a:hover,
.brand-link .brand-link__term a:hover,
.product_meta .posted_in a:hover,
.product-tags a:hover {
  background: #e5f0fb;
  border-color: #9fc2e9;
}

.brand-link .posted_in a:focus-visible,
.brand-link .brand-link__term a:focus-visible,
.product_meta .posted_in a:focus-visible,
.product-tags a:focus-visible {
  outline: 2px solid #0f5ea8;
  outline-offset: 2px;
}

/**
 * Modern içerik tasarımı
*/
.section-full {
    width: 100%;
    max-width: 1325px;
    margin: 0 auto;
  }
  
  .media-with-text {
    display: flex;
    flex-direction: column;
    gap: 10px; 
  }
  
  .media-with-text__item {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 10px; 
    align-items: center;
  }
  
  /* Manuel düzen sınıfları */
  .media-with-text__item.text-image {
    grid-template-columns: 1fr 1fr;
  }
  
  .media-with-text__item.image-text {
    grid-template-columns: 1fr 1fr;
  }
  
  .media-with-text__media,
  .media-with-text__content {
    height: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  
  .media-with-text__media {
    position: relative;
  }
  
  .media-with-text__media img,
  .media-with-text__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  .media-with-text__content {
    padding: 30px;
  }
  
  .rounded {
    border-radius: 8px;
  }
  
  .bg-custom {
    background-color: #092143; 
  }
  
  .text-custom {
    color: #ffffff; 
  }
  
  .prose {
    width: 100%;
  }
  
  /* Text alignment classes */
  .text-center {
    text-align: center;
  }
  
  .text-left {
    text-align: left;
  }
  
  /* Başlık stillerini geliştir */
  /* h3 = guncel bolum basligi, h2 = henuz donusturulmemis eski icerik */
  .prose h2,
  .prose h3 {
    font-size: 2rem; 
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 0.5px; 
  }
  
  /* Additional styling for paragraphs */
  .prose p {
    font-size: 1.1rem; 
    line-height: 1.5;
    margin-bottom: 15px;
  }
  
  /* Responsive adjustments */
  @media (max-width: 768px) {
    .media-with-text {
      gap: 8px; 
    }
    
    .media-with-text__item {
      gap: 8px; 
    }
  
    .media-with-text__item,
    .media-with-text__item.text-image,
    .media-with-text__item.image-text {
      grid-template-columns: 1fr;
    }
    
    .media-with-text__item.text-image {
      display: flex;
      flex-direction: column-reverse;
    }
    
    .media-with-text__item.image-text {
      display: flex;
      flex-direction: column;
    }
    
    .media-with-text__media {
      min-height: 220px; 
      width: 100%;
      max-width: 100%;
      border-radius: 8px !important;
    }
    
    .media-with-text__media img,
    .media-with-text__media video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      border-radius: 8px !important;
    }
    
    /* Mobilde yuvarlak köşeleri koruma */
    .rounded {
      border-radius: 8px !important;
    }
    
    .media-with-text__media.rounded,
    .media-with-text__content.rounded {
      border-radius: 8px !important;
      overflow: hidden;
    }
    
    .prose h2,
    .prose h3 {
      font-size: 1.8rem; 
    }
    
    .prose p {
      font-size: 1rem; 
    }
  }
  
  @media (max-width: 576px) {
    .prose h2,
    .prose h3 {
      font-size: 1.6rem; /* En küçük ekranlarda daha küçük başlık */
    }
    
    .media-with-text__media {
      min-height: 200px; /* En küçük ekranlarda resim yüksekliği */
    }
  } 

/* Shortcode product grid on posts/pages (e.g. [products] shortcode) */
.entry-content .woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.entry-content .woocommerce ul.products li.product {
    width: calc(25% - 10px) !important;
    margin: 0 5px 30px 5px !important;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .entry-content .woocommerce ul.products li.product {
        width: calc(50% - 10px) !important;
        margin: 0 5px 16px 5px !important;
        padding: 5px;
    }
}
/**
 * Sepeti boşalt butonu - empty cart
*/
@media (max-width: 768px) {
    .empty-cart-link {
        display: block;
        text-align: center;
        margin: 50px;
    }
}

/* Shortcode product grid on blog posts — fix mobile 2-column layout */
.single-post .inside-article > .woocommerce ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0;
    padding: 0;
}

.single-post .inside-article > .woocommerce ul.products::before,
.single-post .inside-article > .woocommerce ul.products::after {
    content: none !important;
    display: none !important;
}

.single-post .inside-article > .woocommerce ul.products li.product {
    width: calc(25% - 10px) !important;
    margin: 0 5px 30px 5px !important;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .single-post .inside-article > .woocommerce ul.products li.product {
        width: calc(50% - 10px) !important;
        margin: 0 5px 16px 5px !important;
        padding: 5px;
    }
}
/* Single product: hide quantity and emphasize add to cart CTA */
.single-product .summary form.cart div.quantity {
    display: none !important;
}

.single-product .summary form.cart .single_add_to_cart_button {
    width: 100%;
    height: auto !important;
    min-height: 56px;
    padding: 18px 26px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.single-product .summary form.cart .single_add_to_cart_button::before {
    content: "";
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 4H3v2h2l1.6 8.59A2 2 0 0 0 8.56 16h8.88a2 2 0 0 0 1.96-1.61L21 7H7.42L7 4zm2 14a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");
}

.single-product .summary form.cart .single_add_to_cart_button:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
/* Sticky add to cart panel: hide quantity on simple products */
#wc-sticky-cart-panel form.cart div.quantity {
    display: none !important;
}

#wc-sticky-cart-panel form.cart {
    display: block !important;
}

#wc-sticky-cart-panel form.cart .button.alt,
#wc-sticky-cart-panel form.cart .single_add_to_cart_button {
    width: 100%;
    min-height: 48px;
    padding: 12px 22px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 8px;
}

@media (max-width: 768px) {
    #wc-sticky-cart-panel form.cart .button.alt,
    #wc-sticky-cart-panel form.cart .single_add_to_cart_button {
        min-height: 44px;
        padding: 10px 16px;
        font-size: 16px;
    }
}

/* Composite ürünler*/
/* Composite - fiyat boyutu */
.product-type-composite .thumbnail_price .woocommerce-Price-amount {
    font-weight:700;
}
/* özelleştirme butonu 
[class='single_customize_to_product_button button'] {
	display: none !important;
}*/
/* filtre düzenleme */	
.component_filters label {
    display: inline;
}
/* Composite ürünler - kaldır */
[class='select_label'] {
	display: none;
}
// Site header dropdown menu: ensure submenus open to the right and are fully visible on desktop  
.gb-menu--base .gb-sub-menu .gb-sub-menu {
    left: 100% !important;
    top: 0 !important;
}

/* ===== Site header CSS (V9 buttons + site header) — ported from gaming.local child theme ===== */
/* === V9 Hesabım button (desktop only) === */
.bd-account-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border: 1.5px solid rgba(255, 255, 255, 0.4);
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    line-height: 1.15;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.bd-account-btn:hover {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.7);
}

.bd-account-btn__icon {
    flex-shrink: 0;
    color: #fff;
}

.bd-account-btn__info {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.bd-account-btn__top {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 4px;
}

.bd-account-btn__chev {
    font-size: 9px;
    opacity: 0.85;
}

.bd-account-btn__bottom {
    font-size: 12px;
    color: #abb8c3;
    font-weight: 500;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* === V9 Sepetim button (brand accent blue, ghost border for symmetry with Hesabım) === */
.bd-cart-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background-color: #1E73BE;
    color: #fff;
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    line-height: 1.15;
    font-weight: 700;
    position: relative;
    transition: filter 0.15s ease, border-color 0.15s ease;
}

.bd-cart-btn:hover {
    filter: brightness(1.08);
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}

.bd-cart-btn__icon {
    flex-shrink: 0;
    color: #fff;
}

.bd-cart-btn__info {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.bd-cart-btn__top {
    font-size: 14px;
    font-weight: 800;
}

.bd-cart-btn__total {
    font-size: 12px;
    font-weight: 600;
    opacity: 1;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* WooCommerce wraps the price in <span class="amount"><span class="…currencySymbol">.
 * The site's global brand price color (#b12704) inherits in here and turns red
 * on the blue button. Force every descendant to white (button text color).
 * Badge keeps its own red bg via specific rule below. */
.bd-cart-btn,
.bd-cart-btn * {
    color: #fff;
}

.bd-cart-btn__badge {
    position: absolute;
    top: -9px;
    right: -9px;
    min-width: 26px;
    height: 26px;
    padding: 0 7px;
    border-radius: 13px;
    /* Shared counter-badge red — must stay in sync with the wishlist
       (.beta-wl-counter__badge) and compare (.beta-pc-counter__badge) badges
       sitting next to it. The border below is the same navy as the header
       background, so it is a knockout moat rather than a ring: the fill has to
       contrast against the header bar as well as against its own white count.
         #e8626d: 3.28:1 on white (fails 1.4.3 AA at 13px), 4.88:1 on navy.
         #b3202c: 6.65:1 on white, 2.41:1 on navy (fails 1.4.11 non-text).
         #cc3341: 5.10:1 on white, 3.14:1 on navy — passes both. */
    background-color: #cc3341;
    color: #fff;
    border: 2px solid #092143;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.bd-cart-btn--empty .bd-cart-btn__badge {
    display: none;
}

/* Compact mode — [gaming_sepetim_button show_total="false"]:
 * No price line, "Sepetim" label scales up so the button has visual weight. */
.bd-cart-btn--no-total .bd-cart-btn__top {
    font-size: 15px;
}
/* === V9 ↔ small-icon responsive switch ===
 * Single HTML version is rendered for every viewport; CSS hides the
 * appropriate variant. Page cache (WP Rocket + Cloudflare) and Object
 * Cache Pro stay on a single HTML key — maximum cache hit rate.
 *
 * Three viewports, three layouts:
 *   Desktop (≥1025): V9 Hesabım button + V9 Sepetim button (full text)
 *   Tablet (768-1024): small Hesabım img + V9 Sepetim (collapsed icon-only)
 *                      both wrapped in 52x52 bordered frames matching
 *                      wishlist/compare. GP mobile-header is hidden by
 *                      GP itself on tablet, so Sepetim must come from
 *                      our widget — V9 button collapses to icon.
 *   Mobile (≤767): GP-native mobile-header takes over (cart + Hesabım
 *                  in menu-bar-items). Our widget area collapses. */

/* Desktop (≥1025px): hide small Hesabım img — V9 Hesabım takes over. */
@media (min-width: 1025px) {
    .gb-media-af8f68f1 {
        display: none !important;
    }
}

/* Tablet + desktop (≥768px): hide GP's menu-bar cart everywhere except
 * mobile. On tablet V9 Sepetim collapsed icon provides cart; on desktop
 * V9 Sepetim full button does. Mobile (≤767) is the only viewport that
 * needs the GP-native menu-bar cart (rendered inside #mobile-header). */
@media (min-width: 768px) {
    .menu-bar-item.wc-menu-item {
        display: none !important;
    }
}

/* Tablet + mobile (≤1024px): hide V9 Hesabım (small img takes over). */
@media (max-width: 1024px) {
    .bd-account-btn {
        display: none !important;
    }
}

/* Mobile only (≤767px): hide V9 Sepetim — GP's mobile-header cart icon
 * takes over. Restyle the GP cart to match V9 design system: 44x44 tap
 * target (≥iOS 44px standard), brand-red 22x22 badge with navy outline. */
@media (max-width: 767px) {
    .bd-cart-btn {
        display: none !important;
    }
    /* GP cart link sized like V9 icons; tap target ≥44px (iOS) ✓. */
    .menu-bar-item.wc-menu-item .cart-contents {
        position: relative;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0 !important;
    }
    .menu-bar-item.wc-menu-item .gp-icon.shopping-cart svg,
    .menu-bar-item.wc-menu-item .gp-icon.shopping-cart {
        width: 22px;
        height: 22px;
        color: #fff;
    }
    /* Cart count badge — brand red with navy outline, matching V9 system. */
    .menu-bar-item.wc-menu-item .cart-contents .number-of-items {
        position: absolute;
        top: -4px;
        right: -4px;
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        border-radius: 11px;
        /* Same shared counter-badge red as .bd-cart-btn__badge above — see the
           contrast note there. Smaller here (22x22 / 11px), so the white count
           needs the AA-passing fill even more than the desktop variant does. */
        background-color: #cc3341 !important;
        color: #fff !important;
        border: 2px solid #092143;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
}

/* Tablet only (768-1024px): unified bordered 52x52 frames for the small
 * icon row (heart, compare, Hesabım, Sepetim) — visual symmetry. */
@media (min-width: 768px) and (max-width: 1024px) {
    /* Hesabım: bordered frame on the wrapping <a>, icon stays at 26px. */
    a:has(> .gb-media-af8f68f1) {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 6px;
        box-sizing: border-box;
        transition: border-color 0.15s ease, background-color 0.15s ease;
    }
    a:has(> .gb-media-af8f68f1):hover {
        border-color: rgba(255, 255, 255, 0.45);
        background-color: rgba(255, 255, 255, 0.05);
    }
    .gb-media-af8f68f1 {
        width: 26px !important;
        height: 26px !important;
    }

    /* V9 Sepetim: collapse from full button to bordered 52x52 icon-only.
     * Keeps the count badge but hides the "Sepetim / total" info column.
     * margin-right: 10px gives the rightmost badge breathing room so it
     * isn't clipped by the header edge on tablet. */
    .bd-cart-btn {
        width: 52px;
        height: 52px;
        padding: 0 !important;
        gap: 0 !important;
        margin-right: 10px;
        background: transparent !important;
        border: 1px solid rgba(255, 255, 255, 0.18) !important;
        justify-content: center;
        box-sizing: border-box;
    }
    .bd-cart-btn:hover {
        filter: none;
        border-color: rgba(255, 255, 255, 0.45) !important;
        background: rgba(255, 255, 255, 0.05) !important;
    }
    .bd-cart-btn__info {
        display: none !important;
    }
    .bd-cart-btn__icon {
        width: 26px;
        height: 26px;
    }
}
/* new site header necessary CSS */
@media (max-width:1024px){
    .gg-mobile-icons a:has(.gg-mobile-account-icon),
    .gg-mobile-icons .bd-cart-btn{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:42px!important;
        height:42px!important;
        padding:0!important;
        box-sizing:border-box;
        background:transparent!important;
        border:1px solid rgba(255,255,255,0.16)!important;
        border-radius:6px;
    }

    .gg-mobile-icons .gg-mobile-account-icon{
        width:24px!important;
        height:24px!important;
        padding:0!important;
        border:0!important;
        vertical-align:middle!important;
    }

    .gg-mobile-icons .bd-cart-btn__info{
        display:none!important;
    }

    .gg-mobile-icons .bd-cart-btn__icon{
        width:24px!important;
        height:24px!important;
    }
}
@media (max-width: 1024px) {
  .gb-navigation-dfe8f5c0 > a:has(.gb-media-8d3a0ea0) {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .gb-navigation-dfe8f5c0 > a:has(.gb-media-5e146c9e) {
    display: none !important;
  }
}
/* ============================================================
  Site header — GB Pro classic mega menu (masaüstü ≥1025px)
   ============================================================ */
@media (min-width: 1025px) {

    /* Sorun 2 — 2. seviye alt menüler SAĞA açılsın, ekranda kalsın.
       right:auto şart: GB Pro'nun JS'i inline right:100% veriyor. */
    .gb-menu--base .gb-sub-menu .gb-sub-menu {
        left: 100% !important;
        right: auto !important;
        top: 0 !important;
    }

    /* Uzun etiketler ("Masaüstü Bilgisayar", "Laptop Aksesuarları") tek satırda kalsın */
    .gb-menu--base .gb-sub-menu {
        min-width: 240px !important;
    }

    /* Sorun 1 — açılır menü etiketlerinden önce boşluk */
    .gb-menu--base .gb-sub-menu a {
        padding-inline: 20px 14px !important;
        padding-block: 8px !important;
    }

    /* Sorun 3 — üstteki ana menü öğelerinin (ikon + yazı) yanına boşluk */
       .gb-menu--base > li.gb-menu-item > a {
        padding-inline: 14px !important;
    }
}

/* ============================================================
 Site header — mobil tam ekran menü (≤1024px)
   ============================================================ */
@media (max-width: 1024px) {

    /* Sorun 4a — mobil menü etiketlerinden önce boşluk */
    .gb-navigation--mobile .gb-menu--base a {
        padding-left: 20px !important;
        padding-right: 16px !important;
    }

    /* Sorun 4b — kademeli girinti (derinlik 0→20, 1→40, 2→60px) */
    .gb-navigation--mobile .gb-menu--base .gb-sub-menu a {
        padding-left: 40px !important;
    }
    .gb-navigation--mobile .gb-menu--base .gb-sub-menu .gb-sub-menu a {
        padding-left: 60px !important;
    }
}

/* ==========================================================================
   FPS paneli - sol kolon yerlesimi (beta-performance)
   --------------------------------------------------------------------------
   fps_position = "Below Product Image (CSS layout, no shift)" secildiginde panel
   sunucuda div.woocommerce-product-gallery'nin hemen ardina, div.product'in
   dogrudan cocugu olarak basiliyor. Galeri float:left oldugu icin, ardindan gelen
   blok float'i temizleyip iki kolonun ALTINA, ortalanmis halde dusuyor - urun
   resminin alti bos kaliyor (olculen: galeri x=43 w=670, panel ise 1340'lik
   kapsayicida ortalanmis).

   Paneli float:left + clear:left ile galeri kolonunun ikinci satirina indiriyoruz;
   yani eklentinin daha once DOM'u JS ile tasiyarak ulastigi yere, ama ilk boyamadan
   ONCE. Tasima olmadigi icin kayacak bir sey de yok: olculen mobil CLS 0,117 -> 0,008.

   Mobilde kolon yok, panel zaten galerinin hemen altinda akiyor - kural sadece
   masaustunde devreye giriyor.
   ========================================================================== */
@media (min-width: 769px) {
    .woocommerce div.product > .game-performance {
        float: left;
        clear: left;
        width: 50%;
        max-width: none;
        margin: 18px 0 0;
    }
}

/* ============================================================
   7. ana kategori "Yapay Zeka" — menü çubuğu metrikleri (26 Eylül 2026)
   ------------------------------------------------------------
   Ölçüm (1440px): 6 öğe 1240px, kapsayıcı 1350px. Öğe başına
   sabit çerçeve TAM 98px (dolgu 14+14, ikon 25, iki boşluk 2x10,
   ok 18 + 7px satır içi artık) — altı öğede de birebir aynı. Yani
   çubuğun %48'i metin değil çerçeve. 7. öğe metni ("Yapay Zeka")
   sadece 92px, ama çerçeveyle 190px'e çıkıyor ve toplam 1430px
   olup 1350'yi aşıyor.

   Metni kısaltmak yetmiyor; asıl kaldıraç çerçeve. Üç değişiklik
   7 öğede 185px kazandırıyor ve HİÇBİR etiket değişmiyor:
     dolgu       14 -> 10px   (öğe başına 8px)
     ikon boşluğu 10 -> 8px   (öğe başına 4px, iki boşluk var)
     yazı tipi   18 -> 17px   (metin toplamında ~%5,6)
   Beklenen toplam ~1305px: 1366px'lik dizüstüde (nav 1351px) sığar.

   Geri almak: bu bloğu silmek yeter — üstteki 1025px bloğundaki
   padding-inline:14px yeniden geçerli olur.
   ============================================================ */
@media (min-width: 1025px) {

    .gb-menu--base > li.gb-menu-item > a {
        padding-inline: 10px !important;
        column-gap: 8px !important;
    }

    .gb-menu--base > li.gb-menu-item {
        font-size: 17px !important;
    }
}

/* ============================================================
   Paragraph spacing: header/footer exceptions (2026-09-28)
   ------------------------------------------------------------
   Customizer > Typography > Body > "Paragraph margin" was set to
   1.6 with no unit, which GeneratePress printed as
   p{margin-bottom:1.6px}: article, product and category text had
   no gap between paragraphs or before headings. It is now 1.5em
   (the GeneratePress default: one line at 17px / line-height 1.5).

   The UI texts below were laid out against the old ~0 gap and
   keep it: the header top bar and the mobile header line
   (.gb-site-header), the four feature boxes above the footer
   (.pt-feature-text), and the footer address / "Volg ons op"
   lines on azothgaming.nl. Without this block the top bar grows
   from 26px to 51px on every page. Footer column titles
   (.ft-col-label) are left out on purpose: they carry their own
   5px margin from GenerateBlocks.

   The selectors are class-based on purpose. Perfmatters inlines
   this file into its Used CSS at the top of <head>, while
   uploads/generatepress/style.min.css (p{...}) loads after it; a
   zero-specificity :where() rule would lose on first paint and
   the header would jump when this file finishes loading.

   This block is needed for as long as the Customizer value is
   1.5em. Deleting it alone makes the top bar 51px tall again.
   ============================================================ */
.gb-site-header p,
.pt-feature-text p,
.pt-footer p:not(.ft-col-label),
p.gb-text-aztfollow {
    margin-bottom: 0;
}