/* Odrin Design System */

/* Custom CSS */
.woocommerce-checkout .form-row .optional {
    display: none !important;
}
.cart-subtotal .amount, .order-total .amount
{
	font-size: 24px;
	color: var(--e-global-color-secondary);
}
#billing_invoice_type_field label .invoice-icon
{
	display: contents !important;
}
.dark-mode.woocommerce-checkout #customer_details .woocommerce-billing-fields .select2-selection, .dark-mode.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row .input-text
{
	height: 37px !important;
}
/* WooCommerce Fatura Alanları için Esnek Izgara Yapısı */
.woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 15px; /* Alanlar arasındaki boşluk */
}

/* Tüm form satırlarının varsayılan genişlik ayarlarını sıfırlayalım */
.woocommerce-billing-fields__field-wrapper .form-row {
    grid-column: span 12; /* Varsayılan olarak tam genişlik */
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

/* 1. GRUP: Firma Adı, Vergi Dairesi ve Vergi Numarası (Yan yana 3 eşit parça) */
#billing_company_field,
#billing_tax_office_field,
#billing_tax_no_field {
    grid-column: span 4; /* 12 / 3 = 4 */
}

/* 2. GRUP: Ülke ve Adres Satırları (3 input yan yana) */
/* Not: HTML yapınızda adres için Ülke, Adres 1 ve Adres 2 alanları bulunuyor */
#billing_country_field,
#billing_address_1_field,
#billing_address_2_field {
    grid-column: span 4; /* 12 / 3 = 4 */
}

/* 3. GRUP: Posta Kodu, İlçe ve Şehir Seçme Alanı (Yan yana 3 eşit parça) */
#billing_postcode_field,
#billing_city_field,
#billing_state_field {
    grid-column: span 4; /* 12 / 3 = 4 */
}

/* 4. GRUP: Telefon ve E-posta Adresi (Yan yana 2 eşit parça) */
#billing_phone_field,
#billing_email_field {
    grid-column: span 6; /* 12 / 2 = 6 */
}

/* Mobil Cihazlar için Uyumluluk (Ekran küçüldüğünde alt alta gelmeleri için) */
@media (max-width: 768px) {
    #billing_company_field,
    #billing_tax_office_field,
    #billing_tax_no_field,
    #billing_country_field,
    #billing_address_1_field,
    #billing_address_2_field,
    #billing_postcode_field,
    #billing_city_field,
    #billing_state_field,
    #billing_phone_field,
    #billing_email_field {
        grid-column: span 12 !important; /* Mobilde hepsi tam genişlik */
    }
}
form .select2-container--default .select2-selection .select2-selection__rendered
{
	line-height: unset;
}
.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout form.woocommerce-checkout .pxl-checkout-order-review
{
	background: var(--e-global-color-primary);
	padding: 10px;
}
.woocommerce-form-coupon-toggle
{
	display: none;
}
body.obp-page .obp-wrapper label, .obp-nav-item span
{
	color: white !important;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer, .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .remove_item, .obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row .obp_button, #obp_order_countdown, .ZebraDialog, .obp-dashboard-content, .obp-main-content, body.obp-page .obp-wrapper .obp-dashboard .obp-dashboard-content .obp-form-part
{
	background: none !important;
}
/* --- GENEL ARKAPLAN VE YAZI RENGİ --- */
.ZebraDialog.obp_booking_dialog,
.ZebraDialog_Body,
.obp_booking_form_popup {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Tüm metin öğelerini beyaza zorla */
.ZebraDialog.obp_booking_dialog *,
.obp_booking_form_popup * {
    color: #ffffff !important;
}

/* --- BUTONLAR --- */
.ZebraDialog.obp_booking_dialog button,
.obp_booking_continue,
.coupon_code_apply,
.owl-nav button {
    background-color: var(--e-global-color-secondary) !important;
    color: #ffffff !important; /* Buton içi yazı/ikon rengi */
    border: none !important;
    transition: opacity 0.3s ease;
}

/* Pasif (Disabled) butonlar için hafif şeffaflık */
.ZebraDialog.obp_booking_dialog button.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* --- KARTLAR VE İÇERİK KUTULARI (Takvim, Saat, Sipariş Özeti) --- */
/* Siyah arkaplanda kaybolmamaları için koyu gri ton */
.date-card,
.time-card,
.obp-order-item {
    background-color: #1a1a1a !important; 
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
}

/* Aktif (Seçili) Kartlar - Buton rengiyle eşleşsin */
.date-card.is-active,
.time-card.is-active {
    background-color: var(--e-global-color-secondary) !important;
    border-color: var(--e-global-color-secondary) !important;
}

/* --- FORMLAR VE İNPUTLAR (Kupon Kodu) --- */
.coupon-container input.coupon_code {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}

/* İnput placeholder (yer tutucu) rengi */
.coupon-container input.coupon_code::placeholder {
    color: #aaaaaa !important;
}

/* --- FATURA / TOPLAM TABLOSU --- */
.billing-table td {
    border-bottom: 1px solid #333333 !important;
}

/* --- KAPATMA (X) BUTONU --- */
.ZebraDialog_Close {
    color: #ffffff !important;
    text-decoration: none !important;
}

.ZebraDialog_Close:hover {
    color: var(--e-global-color-secondary) !important;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .sidebar-info, body.obp-page .service-wrap .service-section .service-counter
{
	background: none;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons
{
	display: none;
}
body.obp-page .obp-wrapper h1, body.obp-page .obp-wrapper h2, body.obp-page .obp-wrapper div, body.obp-page .obp-wrapper h3, body.obp-page .obp-wrapper h4, .obp_amount, body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .contact-and-business-hours span, body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .contact-and-business-hours .business-hours-wrapper .business_hours_field .business_hours .business-hour, table th
{
	color: white;
}
body.obp-page .service-wrap .search-name-wrapper
{
	color: white;
	background: var(--e-global-color-primary);
}
body.obp-page .obp-wrapper .obp_button:hover, body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .contact-and-business-hours .business-contact .call-now:hover
{
	color: var(--e-global-color-primary);
	border-color: var(--e-global-color-secondary);
	background: var(--e-global-color-secondary);
}
body.obp-page .obp-wrapper .obp_button, body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .contact-and-business-hours .business-contact .call-now
{
	color: var(--e-global-color-primary);
	border-color: var(--e-global-color-secondary);
	background: var(--e-global-color-secondary);
}
.obp-single-business-wrap .main-images-item img
{
	width: 405px !important;
	height: 154px !important;
}
input::placeholder {
  color: white !important;
  opacity: 0.75 !important; 
}
.elementor-element.elementor-element-2222e85 .elementor-widget-woocommerce_icon
{
	line-height: normal !important;
}
.search-submit-btn
{
	background: none !important;
}
    .elementor-11832 .elementor-element.elementor-element-4a20b3b {
			justify-content: right !important;
			column-gap: 5px !important;
	}
.odr-gift-product-highlight
{
	color: var(--e-global-color-secondary) !important;
	border-color: var(--e-global-color-secondary) !important;
}
/* Menü öğelerinin arasına ince çizgi ekle */
.custom-menu-list > .custom-menu-list-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* Çok hafif, şeffaf beyaz bir çizgi */
}

/* Son menü öğesinden sonra çizgi çıkmasını engelle */
.custom-menu-list > .custom-menu-list-item:last-child {
    border-bottom: none;
}

/* Menü öğeleri arasındaki boşluğu dengelemek istersen (isteğe bağlı) */
.custom-menu-list-item .menu-item-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
}
.elementor-widget-divider
{
	--divider-color: var(--e-global-color-primary) !important;
}
@media screen and (max-width: 768px) {
    /* 1. Gereksiz mobil etiketlerini temizliyoruz */
    .woocommerce-cart-form__cart-item td.product-name::before,
    .woocommerce-cart-form__cart-item td.product-thumbnail::before,
    .woocommerce-cart-form__cart-item td.product-remove::before {
        content: "" !important;
        display: none !important;
    }

    /* 2. Sütunları daraltarak görseli sola çektik, başlık alanını (1fr) maksimuma çıkardık */
    .shop_table_responsive tr.woocommerce-cart-form__cart-item {
        display: grid !important;
        grid-template-columns: 26px 65px 1fr; /* X ve Görsel alanları tamamen küçültüldü */
        grid-template-areas: 
            "remove thumb name"
            "price price price"
            "qty qty qty"
            "sub sub sub";
        align-items: center;
        gap: 10px 4px; /* Yatay boşluğu minimuma indirerek sola kaymayı artırdık */
        padding: 15px 8px !important;
        border-bottom: 1px solid #222 !important;
    }

    .product-remove, .product-thumbnail, .product-name {
        border: none !important;
        padding: 0 !important;
    }

    /* 3. Siyah Arkaplanlı Sabit X İşareti (Tam Ortalı) */
    .product-remove {
        grid-area: remove;
        display: flex !important;
        justify-content: flex-start !important; /* X butonunu da sola yasla */
    }
    .product-remove a.remove {
        width: 20px !important;
        height: 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 18px !important;
        color: #ffffff !important;
        background-color: #000000 !important;
        border-radius: 50% !important;
        text-decoration: none !important;
        transition: none !important;
    }
    .product-remove a.remove:hover {
        background-color: #000000 !important;
        color: #ffffff !important;
    }

    /* 4. Görseli Sola Yaslama ve Boyutlandırma */
    .product-thumbnail {
        grid-area: thumb;
        display: flex !important;
        justify-content: flex-start !important; /* Görseli tamamen sola kaydırır */
    }
    .product-thumbnail img {
        width: 58px !important;
        height: 58px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        margin: 0 !important;
        background: none !important;
    }

    /* 5. Genişletilmiş Ürün Başlık Alanı */
    .product-name { 
        grid-area: name; 
        text-align: left !important;
        font-weight: 500;
        font-size: 12px !important;
        line-height: 1.3 !important;
        padding-left: 4px !important; /* Görselden sonraki gereksiz boşluk kaldırıldı */
    }
    .product-name a {
        color: #fff !important;
        text-decoration: none;
    }

    /* 6. Alt Bilgiler */
    .product-price, .product-quantity, .product-subtotal {
        grid-column: 1 / -1;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #1a1a1a !important; 
        padding: 10px 4px !important;
        margin: 0 !important;
    }
}

/* Arka plan temizleme temizliği */
.odrindigital-product-main-image-wrapper, 
:where(#odr-uniq-el-product-list-7dc6a3a) .odr-uniq-el-product-image-container, 
:where(#odr-uniq-el-product-list-73c48fd) .odr-uniq-el-product-image-container,
.product-thumbnail a {
    background: none !important;
}:root {
    /* Global Renkler */
    --e-global-color-primary: #181617 !important;
    --e-global-color-secondary: #B4A176 !important;
    --e-global-color-text: #FFFFFF !important;
    --e-global-color-accent: #B4A176 !important;

    /* Ana Renk Paleti */
    --primary-color: #B4A176 !important;
    --secondary-color: #000 !important;
    --third-color: #4E4E4E !important;
    --fourth-color: #FFFFFF !important;
    --fifth-color: #999999 !important;
    --sixth-color: #1B1B1B !important;

    /* Arka Plan ve Grid Renkleri */
    --bglight-color: #FFFFFF !important;
    --bgdark-color: #110E10 !important;
    --gridlight-color: #E6E6E6 !important;
    --griddark-color: #2e2e2e !important;

    /* RGB Değerleri */
    --primary-color-rgb: 215,0,6 !important;
    --secondary-color-rgb: 0,0,0 !important;
    --third-color-rgb: 78,78,78 !important;
    --fourth-color-rgb: 255,255,255 !important;
    --fifth-color-rgb: 153,153,153 !important;
    --sixth-color-rgb: 27,27,27 !important;
    --bglight-color-rgb: 255,255,255 !important;
    --bgdark-color-rgb: 17,14,16 !important;
    --gridlight-color-rgb: 230,230,230 !important;
    --griddark-color-rgb: 46,46,46 !important;

    /* Link ve Gradient Renkleri */
    --link-color: #B4A176 !important;
    --link-color-hover: #B4A176 !important;
    --link-color-active: #B4A176 !important;
    --gradient-color-from: #B4A176 !important;
    --gradient-color-to: #B4A176 !important;
}
.off-canvas-trigger, .off-canvas-panel
{
	background: black !important;
}
.pxl-slider--content .pxl-image-single
{
	display: none;
}
.dynamic-search-trigger
{
	padding: 0 !important;
}
.woocommerce-product-inner .price {
    display: block !important;
    text-align: center !important;
    width: 100%;
}
.woocommerce-product-inner .price .amount {
    display: inline-block !important;
}
.woocommerce-product-inner
{
		background: var(--e-global-color-primary) !important;
	text-align: center;
}
#odr-apply-filters, .odr-mobile-filter-toggle
{
		background: var(--e-global-color-accent) !important;
		color: var(--e-global-color-secondary) !important;
}
.woocommerce ul.products li.product .woocommerce-product--title, .woocommerce ul.products li.product .woocommerce-product--title, .woocommerce ul.products li.product .woocommerce-product--title
{
	font-size: 16px;
}
.woocommerce ul.products li.product .woocommerce-product--title a:hover, .woocommerce ul.products li.product .woocommerce-product--title a:hover, .woocommerce ul.products li.product .woocommerce-product--title a:hover
{
	color: white;
}
body.woocommerce-cart .pxl-entry-content > .woocommerce .cart-empty.woocommerce-info
{
	background: none !important;
}
.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-button, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-notices-wrapper .woocommerce-message .button, .woocommerce-page .woocommerce-notices-wrapper .woocommerce-message .button
{
		background: var(--e-global-color-primary) !important;
		color: var(--e-global-color-secondary) !important;
}
.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li a
{
	color: white;
}
.single-product #primary
{
min-width: 100% !important;
}
.single-product #secondary
{
	display: none;
}
/* WooCommerce Mobil Ürün Izgarası */
@media (max-width: 767px) {
    .woocommerce ul.products, 
    .woocommerce-page ul.products {
        display: grid !important;
        /* Yan yana 2 ürün için repeat(2, 1fr) kullanılmıştır */
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important; /* Ürünler arasındaki boşluk */
        margin: 0 !important;
        padding: 10px !important;
    }

    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        width: 100% !important; /* Grid içinde tam genişlik */
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        clear: none !important;
    }
}
/* 1. Hizalama Hatasını Giderme ve Grid Düzenini Zorlama */
@media (max-width: 767px) {
    /* Liste başındaki görünmez boşlukları (pseudo-elements) temizleyelim */
    .woocommerce ul.products::before,
    .woocommerce ul.products::after {
        display: none !important;
        content: none !important;
    }

    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Yan yana tam 2 kutu */
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* WooCommerce'in otomatik atadığı 'first' ve 'last' sınıflarını etkisizleştirme */
    .woocommerce ul.products li.product.first, 
    .woocommerce ul.products li.product.last {
        clear: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        float: none !important;
    }

    /* 2. Ürün Başlıklarını Küçültme */
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product h3 {
        font-size: 13px !important; /* Başlık boyutu */
        line-height: 1.2 !important;
        margin-bottom: 5px !important;
        min-height: 32px !important; /* Başlıkların aynı hizada durması için */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important; /* Uzun başlıkları 2 satırda keser */
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    
    /* Ürün görsellerini tam sığdırma */
    .woocommerce ul.products li.product img {
        margin-bottom: 8px !important;
        width: 100% !important;
        height: auto !important;
    }
}
.pxl-scroll-top
{
		background: var(--e-global-color-primary) !important;
		color: var(--e-global-color-secondary) !important;
}
@media (min-width: 992px) 
{
	.custom-only-mobile {
	display: none !important;
	}
}
#eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more, .woocommerce-form-coupon-toggle .woocommerce-info, .woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order button, .dark-mode.woocommerce-cart .woocommerce-cart-form table.cart td.actions .coupon button, body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button, body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button:hover
{
		background: var(--e-global-color-secondary) !important;
		color: var(--e-global-color-primary) !important;
}
#eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more:hover, .woocommerce-error, .woocommerce-info, .woocommerce-message
{
		background: var(--e-global-color-primary) !important;
}
.dark-mode.woocommerce #respond input#submit.alt, .dark-mode.woocommerce-page #respond input#submit.alt, .dark-mode .woocommerce #respond input#submit.alt, .dark-mode.woocommerce #respond input#submit, .dark-mode.woocommerce-page #respond input#submit, .dark-mode .woocommerce #respond input#submit, .dark-mode.woocommerce a.button, .dark-mode.woocommerce-page a.button, .dark-mode .woocommerce a.button, .dark-mode.woocommerce a.wc-forward, .dark-mode.woocommerce-page a.wc-forward, .dark-mode .woocommerce a.wc-forward, .dark-mode.woocommerce button.button, .dark-mode.woocommerce-page button.button, .dark-mode .woocommerce button.button, .dark-mode.woocommerce input.button, .dark-mode.woocommerce-page input.button, .dark-mode .woocommerce input.button, .dark-mode.woocommerce .cart button.button, .dark-mode.woocommerce-page .cart button.button, .dark-mode .woocommerce .cart button.button, .dark-mode.woocommerce a.button.alt, .dark-mode.woocommerce-page a.button.alt, .dark-mode .woocommerce a.button.alt, .dark-mode.woocommerce .form-row button.button.alt, .dark-mode.woocommerce-page .form-row button.button.alt, .dark-mode .woocommerce .form-row button.button.alt
{
		background: var(--e-global-color-primary);
}
body, .site-main
{
	background: black !important;
}
.dark-mode.woocommerce #secondary .widget_products ul li .product-title a, .dark-mode.woocommerce-page #secondary .widget_products ul li .product-title a, .dark-mode .woocommerce #secondary .widget_products ul li .product-title a
{
	height: 50px;
}
.woocommerce-product-rating, 
.star-rating {
    display: none !important;
}
.menu-item span
{
	color: white !important;
}
.menu-item span:hover, .product-price span, .product-subtotal span
{
	color: var(--e-global-color-secondary) !important;
}
.woocommerce #secondary .widget_price_filter .price_slider_amount .button
{
	background: var(--e-global-color-primary);
}
.dark-mode.woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select .list, .dark-mode.woocommerce-page .woocommerce-topbar .woocommerce-ordering .nice-select .list, .dark-mode .woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select .list, .woocommerce #secondary .widget_product_search button
{
	background: var(--e-global-color-primary);
}
.nice-select .list .option
{
	color: white;
}
.pxl-swiper-slide .pxl-heading--inner
{
	background: rgba(60, 60, 60, 0.35);
}
.attachment-woocommerce_thumbnail
{
	aspect-ratio: 1/1;
}
cite
{
	color: var(--e-global-color-secondary) !important;
}
.px-title--divider.px-title--divider6 span,
.px-title--divider.px-title--divider6::before,
.px-title--divider.px-title--divider6::after {
    background-color: white !important;
}
.pxl-button-theme .btn, .wpcf7-submit
{
	background: rgb(34,34,34) !important;
}
.pxl-scroll-top
{
	bottom: 100px !important;
}
.elementor-widget-pxl_breadcrumb span
{
	color: white !important;
}
.pxl-nav-mobile-button, .bi-search
{
    filter: brightness(0) invert(1) !important;
}
.search-submit:hover, .odr-gift-item-label
{
	background: var(--e-global-color-secondary) !important;
}
.pxl-header-nav a
{
	color: white !important;
}
.pxl-header-nav a:hover
{
	color: var(--e-global-color-secondary) !important;
}
.pxl-icon-box3 .pxl-item--holder
{
	background: var(--e-global-color-primary);
}
.elementor-121 .elementor-element.elementor-element-767896d:hover > .elementor-element-populated
{
	background: none;
}
div, h1, h2 ,h3 ,h4, h5, h6, p, span
{
	font-family: "Domine", serif;
}
.woocommerce-form-coupon-toggle .woocommerce-info, .woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order button, .dark-mode.woocommerce-cart .woocommerce-cart-form table.cart td.actions .coupon button, body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button, body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button:hover
{
	background: var(--e-global-color-primary);
}
.select2-container--default .select2-selection--single
{
	background: var(--e-global-color-primary) !important;
	height: 45px !important;
}
.select2-results__option
{
	color: white !important;
}
#pxl-loadding
{
	display: none;
}
.single-product #primary div.product .entry-summary .single_add_to_cart_button, .single-product > div.product .entry-summary .single_add_to_cart_button
{
	background: var(--e-global-color-primary);
}
/* Menü Genel Yapısı */
.product-categories {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
}

.product-categories li {
    border-bottom: 1px solid #f0f0f0;
    position: relative;
}

/* Ana Kategoriler */
.product-categories > li > a {
    display: block;
    padding: 12px 15px;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    background: #fff;
    transition: background 0.3s;
}

/* Alt Kategoriler (Başlangıçta Gizli) */
.product-categories ul.children {
    display: none; 
    list-style: none;
    padding: 0;
    background: #f9f9f9;
}

.product-categories ul.children li a {
    padding: 10px 30px;
    display: block;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    border-top: 1px solid #eee;
}

/* Ok İşareti Ayarları */
.cat-parent > a::after {
    content: '❯';
    float: right;
    font-size: 12px;
    transition: transform 0.3s;
    color: #999;
}

/* Aktif (Açık) Menüde Okun Dönmesi */
.cat-parent.active > a::after {
    transform: rotate(90deg);
}

.product-categories li a:hover {
    background-color: #f0f0f0;
}

/* Ürün Sayıları (Badge) */
.count {
    font-size: 11px;
    color: #999;
    margin-left: 5px;
    font-weight: normal;
}

main#main {
    background: #272727;
    padding: 20px;
}
body.obp-page .service-item, 
.obp-sidebar .sidebar-info
{
	background: var(--e-global-color-primary) !important;
}
body.obp-page .service-item
{
	border: 1px solid var(--e-global-color-secondary) !important;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 5px !important;
}
body.obp-page .search-name-wrapper
{
	border: 1px solid gray !important;
	background: black !important;
	width: 100%;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .single-business-part .business-name
{
	display: none;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .single-business-part
{
	margin-bottom: 0;
}
body.obp-page .service-wrap .list-service-items .service-item .service-meta
{
	display: unset;
}
body.obp-page .service-wrap .list-service-items .service-item .service-meta .price-and-duration .price
{
	font-size: 20px;
}
    /* WooCommerce Checkout - Genel Düzenleme */
    html, body {
        overflow-x: hidden !important;
    }
    
    /* Negatif margin'leri sıfırlayarak taşmayı önle */
    .woocommerce-checkout .pxl-entry-content > .woocommerce,
    .woocommerce-checkout form.woocommerce-checkout {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* --- MOBİLDE 10px SAĞ VE SOL BOŞLUK & ARKAPLAN GÖRÜNÜMÜ --- */
    @media (max-width: 991px) {
        /* Ana taşıyıcıya sağdan ve soldan net 10px boşluk ver */
        .woocommerce-checkout #pxl-main > .elementor-container,
        .woocommerce-checkout #pxl-content-area,
        .woocommerce-checkout .pxl-content-wrap {
            padding-left: 10px !important;
            padding-right: 10px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            box-sizing: border-box !important;
            width: 100% !important;
            max-width: 100% !important;
        }
    
        .woocommerce-checkout .pxl-entry-content > .woocommerce {
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    
        /* Form elemanları mobilde tek sütun ve derli toplu olsun */
        .woocommerce-checkout form.woocommerce-checkout {
            display: block !important;
            margin-top: 20px !important;
        }
    
        .woocommerce-checkout #customer_details,
        .woocommerce-checkout .pxl-checkout-order-review {
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            float: none !important;
            box-sizing: border-box !important;
        }
    
        .woocommerce-checkout .pxl-checkout-order-review {
            margin-top: 30px !important;
        }
    
        /* Giriş alanları ve sipariş tablosu 10px boşluğun içine sığsın */
        .woocommerce-checkout .form-row {
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    
        .woocommerce-checkout #order_review,
        .woocommerce-checkout .woocommerce-checkout-review-order-table {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }
    }
.woocommerce-order-received .pxl-content-wrap
{
	margin-left: unset !important;
	margin-right: unset !important;
}
.woocommerce-order-received .woocommerce-column--1, .woocommerce-order-received .woocommerce-column--2
{
	max-width: unset !important;
}
    /* ==========================================================================
       Ömer Hoca Detailing - Arama ve Sol Kategori Paneli Düzeltmesi
       ========================================================================== */
    
    /* --- 1. ARAMA KUTUSU & BÜYÜTEÇ DÜZELTMESİ --- */
    .odr-cpl-cat-search-wrap {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
    }
    
    /* Büyüteç Butonu: Temanın tüm float, margin, transform ve arkaplanını kesin olarak sıfırla */
    .odr-cpl-cat-search-wrap button.odr-cpl-cat-search-btn,
    button.odr-cpl-cat-search-btn {
        position: absolute !important;
        left: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        float: none !important;
        clear: both !important;
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        background-color: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        outline: none !important;
        z-index: 10 !important;
        cursor: pointer !important;
        line-height: 1 !important;
    }
    
    .odr-cpl-cat-search-wrap button.odr-cpl-cat-search-btn svg {
        width: 15px !important;
        height: 15px !important;
        stroke: #b4a176 !important;
        display: block !important;
    }
    
    /* Arama Metin Kutusu (İnput) */
    .odr-cpl-cat-search-wrap input[type="search"].odr-cpl-cat-search-input,
    .odr-cpl-cat-search-wrap input.odr-cpl-cat-search-input {
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 32px 0 38px !important;
        margin: 0 !important;
        background-color: #2a2b30 !important;
        color: #ffffff !important;
        border: 1px solid #3a3b42 !important;
        border-radius: 6px !important;
        font-size: 13px !important;
        line-height: 40px !important;
        outline: none !important;
        box-sizing: border-box !important;
        box-shadow: none !important;
    }
    
    .odr-cpl-cat-search-wrap input.odr-cpl-cat-search-input::placeholder {
        color: #8c8f9a !important;
        opacity: 1 !important;
    }
    
    .odr-cpl-cat-search-wrap input.odr-cpl-cat-search-input:focus {
        border-color: #b4a176 !important;
        background-color: #181617 !important;
    }
    
    /* Temizleme Butonu (X) */
    .odr-cpl-cat-search-wrap button.odr-cpl-cat-search-clear {
        position: absolute !important;
        right: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        float: none !important;
        width: 18px !important;
        height: 18px !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        z-index: 10 !important;
        color: #8c8f9a !important;
    }
    
    
    /* --- 2. SOL PANEL (KATEGORİLER KUTUSU) DÜZELTMESİ --- */
    
    /* Kutunun tamamını koyu yap (Beyaz kutu kalksın) */
    .odr-cat-prod-widget-wrapper .odr-cpl-sidebar-box {
        background-color: #181617 !important;
        border: 1px solid #2a2b30 !important;
        border-radius: 8px !important;
        padding: 16px !important;
    }
    
    .odr-cat-prod-widget-wrapper .odr-cpl-sidebar-title {
        color: #b4a176 !important;
        border-bottom: 1px solid #2a2b30 !important;
        font-size: 16px !important;
        margin-bottom: 14px !important;
    }
    
    /* Kategori isimleri: Siyah arkaplanda net okunur beyaz */
    .odr-cat-prod-widget-wrapper .odr-cpl-cat-name {
        color: #ffffff !important;
        font-size: 13px !important;
    }
    
    .odr-cat-prod-widget-wrapper .odr-cpl-cat-link:hover .odr-cpl-cat-name {
        color: #b4a176 !important;
    }
    
    /* Sayı Balonları (Badge) */
    .odr-cat-prod-widget-wrapper .odr-cpl-cat-count {
        background-color: #2a2b30 !important;
        color: #b4a176 !important;
        border: 1px solid #3a3b42 !important;
        border-radius: 12px !important;
    }
    
    /* Kategori Satırları Hover */
    .odr-cat-prod-widget-wrapper .odr-cpl-category-item .odr-cpl-cat-header:hover {
        background-color: rgba(255, 255, 255, 0.05) !important;
    }
    
    /* Aktif Kategori (Tüm Ürünler seçiliyken) */
    .odr-cat-prod-widget-wrapper .odr-cpl-category-item.is-active > .odr-cpl-cat-header {
        background-color: #2a2b30 !important;
        border-left: 3px solid #b4a176 !important;
        border-radius: 4px !important;
    }
    
    .odr-cat-prod-widget-wrapper .odr-cpl-category-item.is-active > .odr-cpl-cat-header .odr-cpl-cat-name {
        color: #b4a176 !important;
        font-weight: 700 !important;
    }
    
    /* Kategori Oku */
    .odr-cat-prod-widget-wrapper .odr-cpl-toggle::after {
        border-color: #8c8f9a !important;
    }
    
    
    /* --- 3. ÜRÜN KARTLARI ŞEFFAFLIK --- */
    .odr-cat-prod-widget-wrapper .odr-cpl-product-item,
    .odr-cat-prod-widget-wrapper .odr-cpl-product-image-container,
    .odr-cat-prod-widget-wrapper .odr-cpl-image-track,
    .odr-cat-prod-widget-wrapper .odr-cpl-image-slide {
        background: transparent !important;
        background-color: #181617 !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
    /* ==========================================================================
       Ömer Hoca Detailing - Fiyat, Ürün Adı, Markalar ve Fiyat Slider Renkleri
       ========================================================================== */
    
    /* 1. Ürün Adı Rengi: Net Beyaz */
    .odr-cat-prod-widget-wrapper .odr-cpl-product-title,
    .odr-cat-prod-widget-wrapper .odr-cpl-product-title a,
    .odr-cat-prod-widget-wrapper h3.odr-cpl-product-title,
    .odr-cat-prod-widget-wrapper h3.odr-cpl-product-title a {
        color: #ffffff !important;
        font-weight: 600 !important;
    }
    
    .odr-cat-prod-widget-wrapper .odr-cpl-product-title:hover,
    .odr-cat-prod-widget-wrapper .odr-cpl-product-title a:hover {
        color: #b4a176 !important;
    }
    
    /* 2. Fiyatlar: Kategori Rengiyle Aynı (#b4a176 - Altın Sarısı) */
    .odr-cat-prod-widget-wrapper .odr-cpl-product-price,
    .odr-cat-prod-widget-wrapper .odr-cpl-product-price .amount,
    .odr-cat-prod-widget-wrapper .odr-cpl-product-price ins,
    .odr-cat-prod-widget-wrapper .odr-cpl-product-price ins .amount,
    .odr-cat-prod-widget-wrapper .lj-loop-actual-price,
    .odr-cat-prod-widget-wrapper .lj-loop-actual-price *,
    .odr-cat-prod-widget-wrapper .lj-loop-actual-price bdi,
    .odr-cat-prod-widget-wrapper .lj-loop-actual-price .amount {
        color: #b4a176 !important;
        font-weight: 700 !important;
    }
    
    /* Taksit Metni */
    .odr-cat-prod-widget-wrapper .lj-loop-installment {
        color: #b4a176 !important;
        opacity: 0.85 !important;
    }
    
    /* Üstü Çizili Eski Fiyat (İndirimsiz) */
    .odr-cat-prod-widget-wrapper .odr-cpl-product-price del,
    .odr-cat-prod-widget-wrapper .odr-cpl-product-price del .amount,
    .odr-cat-prod-widget-wrapper .lj-loop-fake-regular,
    .odr-cat-prod-widget-wrapper .lj-loop-fake-regular * {
        color: #71717a !important;
    }
    
    
    /* 3. Markalar Bölümü (Filtreler) */
    .odr-cat-prod-widget-wrapper .odr-cpl-filter-title {
        color: #b4a176 !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px !important;
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }
    
    /* Marka İsimleri: Beyaz ve Net Okunur */
    .odr-cat-prod-widget-wrapper .odr-cpl-filter-term-name,
    .odr-cat-prod-widget-wrapper .odr-cpl-filter-label {
        color: #ffffff !important;
        font-size: 13px !important;
    }
    
    .odr-cat-prod-widget-wrapper .odr-cpl-filter-label:hover .odr-cpl-filter-term-name {
        color: #b4a176 !important;
    }
    
    .odr-cat-prod-widget-wrapper .odr-cpl-filter-label:hover {
        background-color: rgba(255, 255, 255, 0.05) !important;
    }
    
    /* Marka Ürün Sayısı (Adet Parantezi) */
    .odr-cat-prod-widget-wrapper .odr-cpl-filter-term-count {
        color: #b4a176 !important;
        font-weight: 500 !important;
        opacity: 0.85 !important;
    }
    
    /* Checkbox Renk Uyumu */
    .odr-cat-prod-widget-wrapper .odr-cpl-filter-label input[type="checkbox"] {
        accent-color: #b4a176 !important;
        cursor: pointer !important;
    }
    
    
    /* 4. Fiyat Aralığı Bölümü & Slider */
    .odr-cat-prod-widget-wrapper .odr-cpl-price-filter-box {
        margin-top: 15px !important;
    }
    
    /* Fiyat Değer Gösterge Kutusu (Beyazlık kaldırıldı, koyu kutu yapıldı) */
    .odr-cat-prod-widget-wrapper .odr-cpl-price-values {
        background-color: #2a2b30 !important;
        color: #b4a176 !important;
        border: 1px solid #3a3b42 !important;
        border-radius: 6px !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        padding: 8px 12px !important;
        text-align: center !important;
    }
    
    /* Fiyat Slider Rayı */
    .odr-cat-prod-widget-wrapper .odr-cpl-price-track {
        background-color: #3a3b42 !important;
        height: 4px !important;
    }
    
    .odr-cat-prod-widget-wrapper .odr-cpl-price-range {
        background-color: #b4a176 !important;
        height: 4px !important;
    }
    
    /* Slider Tutamaçları (Thumb) */
    .odr-cat-prod-widget-wrapper .odr-cpl-price-slider::-webkit-slider-thumb {
        background-color: #b4a176 !important;
        border: 2px solid #181617 !important;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
    }

    .odr-cat-prod-widget-wrapper .odr-cpl-price-slider::-moz-range-thumb {
        background-color: #b4a176 !important;
        border: 2px solid #181617 !important;
    }

    /* Scrollbar (Kaydırma Çubuğu) Temaya Uyarlama */
    .odr-cat-prod-widget-wrapper .odr-cpl-filter-list::-webkit-scrollbar,
    .odr-cat-prod-widget-wrapper .odr-cpl-categories-wrap.is-scrollable::-webkit-scrollbar {
        width: 4px !important;
    }

    .odr-cat-prod-widget-wrapper .odr-cpl-filter-list::-webkit-scrollbar-thumb,
    .odr-cat-prod-widget-wrapper .odr-cpl-categories-wrap.is-scrollable::-webkit-scrollbar-thumb {
        background-color: #3a3b42 !important;
        border-radius: 4px !important;
    }

    .odr-cat-prod-widget-wrapper .odr-cpl-filter-list::-webkit-scrollbar-track,
    .odr-cat-prod-widget-wrapper .odr-cpl-categories-wrap.is-scrollable::-webkit-scrollbar-track {
        background-color: #181617 !important;
    }
    /* ==========================================================================
       Ömer Hoca Detailing - Dosyalı Kategori Butonu & Sağ Kategori Başlığı Düzeltmesi
       ========================================================================== */
    
    /* 1. "📂 Kategoriler▾" Butonu ve Hover Durumu (Beyazlama Kesin Olarak Engellendi) */
    .odr-cat-prod-widget-wrapper button.odr-cpl-mobile-cat-btn,
    .odr-cat-prod-widget-wrapper .odr-cpl-mobile-cat-btn {
        background-color: #2a2b30 !important;
        color: #b4a176 !important;
        border: 1px solid #3a3b42 !important;
        border-radius: 8px !important;
        padding: 12px 18px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        cursor: pointer !important;
        box-shadow: none !important;
        transition: all 0.25s ease !important;
    }
    
    .odr-cat-prod-widget-wrapper button.odr-cpl-mobile-cat-btn:hover,
    .odr-cat-prod-widget-wrapper .odr-cpl-mobile-cat-btn:hover,
    .odr-cat-prod-widget-wrapper button.odr-cpl-mobile-cat-btn:focus,
    .odr-cat-prod-widget-wrapper .odr-cpl-mobile-cat-btn:focus {
        background-color: #181617 !important;
        color: #ffffff !important;
        border-color: #b4a176 !important;
    }
    
    .odr-cat-prod-widget-wrapper .odr-cpl-mobile-cat-btn span {
        color: inherit !important;
    }
    
    /* 2. Sağdaki Kategori Başlığı (Örn: LASTİK & JANT BAKIMI (2 Ürün)) */
    .odr-cat-prod-widget-wrapper .odr-cpl-active-title,
    .odr-cat-prod-widget-wrapper h4.odr-cpl-active-title {
        color: #b4a176 !important; /* Altın Sarısı */
        font-size: 20px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }
    
    .odr-cat-prod-widget-wrapper .odr-cpl-active-count {
        color: #ffffff !important; /* Parantez içindeki ürün adedi beyaz */
        font-size: 15px !important;
        font-weight: 400 !important;
        opacity: 0.9 !important;
    }
    
    /* Ürün kartlarındaki küçük kategori etiketi */
    .odr-cat-prod-widget-wrapper .odr-cpl-product-category,
    .odr-cat-prod-widget-wrapper .odr-cpl-product-category a {
        color: #b4a176 !important;
        font-size: 12px !important;
        text-transform: uppercase !important;
    }

    /* 3. Sol Menüdeki "Tüm Ürünler" ve Aktif Kategorinin Beyaz Kutusunu Kaldır */
    .odr-cat-prod-widget-wrapper .odr-cpl-category-item.is-active > .odr-cpl-cat-header,
    .odr-cat-prod-widget-wrapper .odr-cpl-category-item.is-all-products.is-active > .odr-cpl-cat-header,
    .odr-cat-prod-widget-wrapper .odr-cpl-category-item.is-all-products > .odr-cpl-cat-header {
        background: #2a2b30 !important;
        background-color: #2a2b30 !important;
        border-left: 3px solid #b4a176 !important;
        border-radius: 4px !important;
    }

    .odr-cat-prod-widget-wrapper .odr-cpl-category-item.is-active > .odr-cpl-cat-header .odr-cpl-cat-name,
    .odr-cat-prod-widget-wrapper .odr-cpl-category-item.is-all-products.is-active > .odr-cpl-cat-header .odr-cpl-
  cat-name {
        color: #b4a176 !important;
        font-weight: 700 !important;
    }

    .odr-cat-prod-widget-wrapper .odr-cpl-category-item.is-active > .odr-cpl-cat-header .odr-cpl-cat-count,
    .odr-cat-prod-widget-wrapper .odr-cpl-category-item.is-all-products.is-active > .odr-cpl-cat-header .odr-cpl-
  cat-count {
        background-color: #181617 !important;
        color: #b4a176 !important;
        border: 1px solid #b4a176 !important;
    }
    /* 1. Sadece ürün açıklama ve detay içeriğini %90 yapmak için */
    .elementor-9238 .elementor-element.elementor-element-27160d7 {
        --width: 90% !important;
        width: 90% !important;
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 2. (Opsiyonel) Üstteki ürün ana görsel & satın alma bloğunu da %90 yapmak isterseniz */
    .elementor-9238 .elementor-element.elementor-element-ff62149 {
        --width: 90% !important;
        width: 90% !important;
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 3. Genel Elementor kapsayıcısı için (tüm tekil ürün sayfalarında geçerli olması istenirse) */
    .single-product .elementor-element.elementor-element-27160d7,
    .single-product .elementor-widget-product_info .odrindigital-product-info-type-description {
        width: 90% !important;
        max-width: 90% !important;
        margin: 0 auto !important;
    }
    /* Breadcrumb, Ana Ürün Kartı, Ürün Açıklaması ve Benzer Ürünler için %90 Genişlik */
    .elementor-element.elementor-element-9b34704,
    .elementor-element.elementor-element-ff62149,
    .elementor-element.elementor-element-27160d7,
    .elementor-element.elementor-element-7be0948 {
        --width: 90% !important;
        width: 90% !important;
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Tüm cihaz genişliklerinde (Responsive) %90 oranını korumak için */
    @media (min-width: 576px) {
        .elementor-element.elementor-element-9b34704,
        .elementor-element.elementor-element-ff62149,
        .elementor-element.elementor-element-27160d7,
        .elementor-element.elementor-element-7be0948 {
            --width: 90% !important;
            width: 90% !important;
        }
    }
    /* Checkout Sayfası: İçeriği ve Başlık/Breadcrumb Alanını Ekranın %90'ı Yapma */
    .woocommerce-checkout #pxl-main .elementor-container,
    .woocommerce-checkout #pxl-page-title-elementor .elementor-container,
    .woocommerce-checkout .woocommerce {
        width: 90% !important;
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Ödeme Formu ve Sipariş Özetini %90 alanına tam oturtmak için */
    .woocommerce-checkout form.checkout.woocommerce-checkout {
        width: 100% !important;
        max-width: 100% !important;
    }
    /* Sıralama ve Sayfa Başı Seçim Kutuları */
    .odr-cpl-top-controls .odr-cpl-sort-select,
    .odr-cpl-top-controls .odr-cpl-per-page-select {
        background-color: #121212 !important;  /* Kutu arkaplan rengi */
        color: #e0e0e0 !important;             /* Yazı rengi */
        border: 1px solid #c5a880 !important;  /* Kenarlık (çerçeve) rengi */
        border-radius: 6px;
        padding: 6px 12px;
        outline: none;
    }

    /* Tıklandığında / Odaklanıldığında (Focus / Hover) */
    .odr-cpl-top-controls .odr-cpl-sort-select:focus,
    .odr-cpl-top-controls .odr-cpl-per-page-select:focus,
    .odr-cpl-top-controls .odr-cpl-sort-select:hover,
    .odr-cpl-top-controls .odr-cpl-per-page-select:hover {
        border-color: #dfb771 !important;      /* Odaklanıldığında çerçeve rengi */
        box-shadow: 0 0 5px rgba(223, 183, 113, 0.4);
    }

    /* Açılır Menü Seçenekleri (Dropdown Options) */
    .odr-cpl-top-controls .odr-cpl-sort-select option,
    .odr-cpl-top-controls .odr-cpl-per-page-select option {
        background-color: #1a1a1a !important;  /* Açılan listenin arkaplan rengi */
        color: #ffffff !important;             /* Seçeneklerin yazı rengi */
    }