/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme - Azoth
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      2026.02.28
 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;
}
.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;
}
/* Fibofilters mobil filtre ürün gör buton rengi */
.fibofilters-mobile-overlay__footer .fibofilters-button {
    background-color: var(--accent);
}
.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;
	}
}
/* General styles */
.woocommerce ul.products li.product, .woocommerce ul.products {
    margin-bottom: 0;
}
/* 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;
}
/* Metaslider google PSI düzeltme */
.metaslider .slides [aria-hidden="true"] a {
    display: none;
}
/* Metaslider mobile google PSI düzeltme */
.metaslider ul {
    padding: 5px 0 !important;
}
/* Generatepress google PSI düzeltme */
#generate-slideout-menu[aria-hidden="true"] * {
    display: none !important;
    visibility: hidden;
}
/* 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;
}
.woocommerce ul.products li.product {
	padding: 10px;
	margin: 0 5px 30px 5px !important;
    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 */
    overflow: hidden; /* Prevent content overflow */
}
.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;
}  
/* Home Page - Slider CLS*/
.metaslider {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}
/* Critical LCP optimization - General rules for all sliders */
.metaslider .slides li:first-child,
.metaslider .slides .slide-number-1 {
    opacity: 1 !important;
    z-index: 2 !important;
    visibility: visible !important;
    display: block !important;
    position: relative !important;
}

.metaslider .slides li:first-child img,
.metaslider .slides .slide-number-1 img {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateZ(0) !important;
    will-change: auto !important;
    backface-visibility: hidden !important;
    display: block !important;
}

/* First slider - Rectangle banner (885x425) */
#metaslider_748268, 
#metaslider_748268 .flex-viewport {
    min-height: 300px !important;
    max-width: 885px !important;
    width: 100% !important;
    height: auto !important;
}

#metaslider_748268 .slides li:first-child img,
#metaslider_748268 .slides .slide-number-1 img {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 885/425 !important; /* Maintain aspect ratio instead of fixed height */
    width: 100% !important;
}

/* Second slider - Square banner (425x425) */
#metaslider_748273, 
#metaslider_748273 .flex-viewport {
    min-height: 300px !important;
    max-width: 425px !important;
    width: 100% !important;
    height: auto !important;
}

#metaslider_748273 .slides li:first-child img,
#metaslider_748273 .slides .slide-number-1 img {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/1 !important; /* Maintain square aspect ratio */
    width: 100% !important;
}

/* Mobile-specific adjustments */
@media (max-width: 768px) {
    #metaslider_748268, 
    #metaslider_748268 .flex-viewport,
    #metaslider_748273, 
    #metaslider_748273 .flex-viewport {
        min-height: 200px !important;
    }
    
    /* Ensure images scale properly on mobile */
    .metaslider .slides li img {
        max-width: 100% !important;
        height: auto !important;
        width: 100% !important;
    }
}

/* Prevent transitions on first slide that could delay rendering */
.metaslider .slides li:first-child,
.metaslider .slides .slide-number-1 {
    transition: none !important;
    animation: none !important;
}

.metaslider .slides li:first-child img,
.metaslider .slides .slide-number-1 img {
    transition: none !important;
    animation: none !important;
}

/* Override default flexslider animations */
.metaslider .flex-viewport {
    transition-property: height !important;
    transition-duration: 0.2s !important;
}

.metaslider .flexslider .slides > li {
    transition-property: transform !important;
}

/* Target the slide container itself as well */
#metaslider_container_748268,
#metaslider_container_748273 {
    overflow: visible !important;
}

/* Ensure inline styles don't override our visibility settings */
.metaslider .slides li:first-child[style*="opacity: 0"],
.metaslider .slides .slide-number-1[style*="opacity: 0"] {
    opacity: 1 !important;
}
/* Product Category - CLS*/
@media (min-width: 1024px) {
    .left-sidebar {
        min-width: 334px;
    }
}
.left-sidebar .site-content .content-area {
    margin-left: auto;
}
.fibofilters-mobile-filters-container  {
    min-height: 70px;
} 
.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);
}
/* 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;
}
@media (min-width: 1024px) { 
    .summary.entry-summary {
        min-height: 300px; 
			    }
    .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; 
    }
    .summary.entry-summary .htcompare-button-area,
    .summary.entry-summary .wishsuite-btn {
        margin-top: 10px; 
    }
    .summary.entry-summary .wplogout-social-wrapper {
        min-height: 30px; 
        margin-top: 20px; 
    }
}
/* 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 */
.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/2025/09/volgende.png');
 }
 
 .single-product .flex-direction-nav a.flex-prev::before {
     visibility: visible;
     content: url('/wp-content/uploads/2025/09/vorige.png');
 }
/**
 * Product tags, brand, categories, model names links style
 */
.brand-link .posted_in 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,
.product_meta .posted_in a:hover,
.product-tags a:hover {
  background: #e5f0fb;
  border-color: #9fc2e9;
}

.brand-link .posted_in 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 */
  .prose h2 {
    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 {
      font-size: 1.8rem; 
    }
    
    .prose p {
      font-size: 1rem; 
    }
  }
  
  @media (max-width: 576px) {
    .prose h2 {
      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 */
    }
  } 
  
/* 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;
}
/**
 * Sepeti boşalt butonu - empty cart
*/
@media (max-width: 768px) {
    .empty-cart-link {
        display: block;
        text-align: center;
        margin: 50px;
    }
}