/*
Theme Name: Credigi
Description: Credigi is modern and clean design WordPress theme that perfect for those who want to create a professional-looking WordPress-based website for a Digital Bank, Credit Card, Insurance Agency, Payment Gateway, and other Fintech (Financial Technology) startup.
Author: Jegtheme
Author URI: https://support.jegtheme.com/
Theme URI: {{theme_uri}}
Version: 1.0.1
Stable tag: 1.0.1
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: credigi
Tags: block-patterns,block-styles,custom-background,custom-menu,editor-style,full-site-editing,template-editing
Copyright: © Jegtheme. All rights reserved.
*/

:root{
    
}
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-library-block__reusable-block-container {
    max-width: 100%;
}
.section-wrapper,
.guten-element.guten-SLAA8G{
	z-index:1!important;
}
.guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper{
	z-index:999!important;
}


.single-product .site-header {
    position: relative !important;
}




@media (max-width: 991px){
#guten-u9IcT6.break-point-tablet.guten-nav-menu .gutenverse-menu-wrapper{
	background:#fff!important;
}
#guten-u9IcT6 .gutenverse-menu-wrapper .gutenverse-menu > li > a, #guten-u9IcT6 .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a{
	color:#1e4063!important;
}	
#guten-u9IcT6.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu{
	color:#000!important;
}
}



@media (min-width: 992px){
.single-product .product {
	position:relative; 
	margin:0 auto;
	width:75%;
}
}
 
/* ===================================================================
   MODERN & BOOTSTRAP-STYLE PRODUCT DETAIL PAGE FOR WOOCOMMERCE BLOCK THEME
   =================================================================== */

/* ANA CONTAINER */
.woocommerce-cart main,
.wp-block-group.woocommerce.product {
    max-width: 1250px;
    margin: 140px auto;
    padding: 0 20px;
}

/* ============================================================
   🌟 ÜST GRID: SOL GÖRSEL + SAĞ BİLGİ ALANI
   ============================================================ */

.wp-block-columns.alignwide {
    display: grid !important;
    grid-template-columns: 1fr 0.9fr;
    gap: 60px;
    align-items: flex-start;
    margin-top: 40px;
}

/* SOL - ÜRÜN GALERİSİ */
.woocommerce-product-gallery__wrapper img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.07);
}

/* Sağ taraf alanı */
.wp-block-column.is-layout-flow > h1.wp-block-post-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #0f172a;
}

/* Fiyat */
.wc-block-components-product-price .amount {
    color: #0F766E !important;
    font-size: 30px;
    font-weight: 800;
}

/* Kısa açıklama */
.wp-block-post-excerpt p {
    font-size: 16px;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 25px;
}

/* ============================================================
   🛒 SEPETE EKLE ALANI
   ============================================================ */

/* Quantity box */
.quantity input.qty {
    height: 50px;
    width: 70px !important;
    border: 1px solid #CBD5E1;
    border-radius: 8px;
    margin-right: 10px;
    font-size: 18px;
}

/* Add to cart button */
.single_add_to_cart_button {
    background-color: #0F766E !important;
    padding: 14px 28px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 8px !important;
    color: #fff !important;
    cursor: pointer;
    transition: 0.25s ease;
}

.single_add_to_cart_button:hover {
    background-color: #0C5E55 !important;
}

/* Meta: kategori */
.wp-block-woocommerce-product-meta {
    font-size: 14px;
    margin-top: 15px;
    color: #64748B;
}

/* ============================================================
   📑 TAB BÖLÜMÜ (Açıklama – Yorumlar)
   ============================================================ */
.woocommerce-tabs .tabs {
    display: flex;
    border-bottom: 2px solid #e2e8f0;
    margin-top: 50px;
    padding-bottom: 5px;
}

.woocommerce-tabs .tabs li a {
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #0F766E;
}

.woocommerce-tabs .tabs li.active a {
    border-bottom: 3px solid #0F766E;
}

.woocommerce-Tabs-panel {
    padding: 20px 10px;
    margin-top: 20px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 3px 15px rgba(0,0,0,0.05);
}

/* ============================================================
   🛍️ İLGİLİ ÜRÜNLER GRID (5 kolon → responsive)
   ============================================================ */

.wc-block-product-template.is-flex-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 25px;
}

.wc-block-components-product-image img {
    border-radius: 10px;
}

/* ürün adları */
.wp-block-post-title.has-medium-font-size a {
    font-size: 16px;
    font-weight: 600;
    color: #0f172a;
}

/* fiyat */
.wp-block-woocommerce-product-price .amount {
    font-weight: 700;
    font-size: 16px;
    color: #0F766E;
}

/* sepete ekle button (ilgili ürünler) */
.wc-block-components-product-button__button {
    background: #0F766E !important;
    border-radius: 8px !important;
    color: #fff !important;
    padding: 8px 12px !important;
    transition: 0.25s ease;
}

.wc-block-components-product-button__button:hover {
    background: #0C5E55 !important;
}

/* ============================================================
   📱 RESPONSIVE OPTIMIZATION
   ============================================================ */

@media (max-width: 900px) {
    .wp-block-columns.alignwide {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .wp-block-column.is-layout-flow > h1.wp-block-post-title {
        font-size: 26px;
    }

    .wc-block-components-product-price .amount {
        font-size: 24px;
    }
}


/* ===================================================
   MODERN BREADCRUMB TASARIMI (WooCommerce Blocks)
   =================================================== */

.wp-block-breadcrumbs.nav-breadcrumb,
.woocommerce-breadcrumb {
    font-size: 14px;
    color: #475569;
    margin: 20px 0 30px 0;
    padding: 0;
    display: inline-block;
}

.woocommerce-breadcrumb a {
    color: #0F766E;  /* Kurumsal yeşil */
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.woocommerce-breadcrumb a:hover {
    color: #0C5E55; /* Koyu yeşil hover */
}

.woocommerce-breadcrumb {
    display: inline-block;
    border-radius: 8px;
    padding: 10px 14px;
    background: #F8FAFC; /* açık gri arkaplan */
    border: 1px solid #E2E8F0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}

/* Slash (/) ayracı */
.woocommerce-breadcrumb .divider,
.woocommerce-breadcrumb span,
.woocommerce-breadcrumb {
    color: #94A3B8;
}

/* Mobil görünüm */
@media (max-width: 600px) {
    .woocommerce-breadcrumb {
        font-size: 12px;
        padding: 8px 12px;
    }
}
.wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{
	width:auto!important;
}

.single .guten-element.guten-dotKlV{
	padding-bottom:100px!important;
}

/* ===============================================================
   MODERN - CLEAN - CORPORATE CART DESIGN (WOOCOMMERCE BLOCKS)
   =============================================================== */

/* GENEL BOŞLUKLAR & SAYFA YAPISI */
.wp-block-woocommerce-cart.alignwide,
.wc-block-cart {
    max-width: 1250px !important;
    margin: 40px auto !important;
    padding: 0 20px;
}

/* SEPET SAYFASI BAŞLIK */
h1.wp-block-post-title {
    font-size: 34px;
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 25px;
}

/* ===============================================================
   🧱 CART TABLE: ÜRÜN LİSTESİ
   =============================================================== */

.wc-block-cart-items {
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #E2E8F0;
    box-shadow: 0 4px 16px rgba(0,0,0,0.05);
}

.wc-block-cart-items__header th {
    background: #F1F5F9;
    padding: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #0F172A;
    border-bottom: 1px solid #E2E8F0;
}

/* ÜRÜN SATIRLARI */
.wc-block-cart-items__row {
    border-bottom: 1px solid #E2E8F0;
}

.wc-block-cart-item__image img {
    width: 90px;
    height: 90px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 4px 14px rgba(0,0,0,0.07);
}

/* Ürün adı */
.wc-block-components-product-name {
    font-size: 17px;
    font-weight: 600;
    color: #0F172A;
    text-decoration: none;
}

.wc-block-components-product-name:hover {
    color: #0F766E;
}

/* Ürün fiyatı */
.wc-block-components-product-price__value {
    font-size: 18px;
    font-weight: 700;
    color: #0F766E !important;
}

/* ===============================================================
   🔢 QUANTITY SELECTOR
   =============================================================== */

.wc-block-components-quantity-selector__input {
    border: 1px solid #CBD5E1 !important;
    height: 45px;
    width: 70px;
    border-radius: 8px;
    padding-left: 10px;
    font-size: 16px;
}

.wc-block-components-quantity-selector__button {
    background: #E2E8F0 !important;
    border-radius: 8px !important;
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 16px;
    padding: 0;
    transition: 0.2s;
    border: none !important;
}

.wc-block-components-quantity-selector__button:hover {
    background: #CBD5E1 !important;
}

/* Sepetten kaldır butonu */
.wc-block-cart-item__remove-link {
    font-size: 14px;
    color: #DC2626;
    margin-top: 8px;
    display: inline-block;
}

.wc-block-cart-item__remove-link:hover {
    color: #B91C1C;
}

/* ===============================================================
   📦 SEPET SAĞ TARAF – ÖZET (CART TOTALS)
   =============================================================== */

.wc-block-cart__sidebar {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #E2E8F0;
    padding: 25px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.05);
}

.wc-block-cart__totals-title,
.wp-block-woocommerce-cart-order-summary-heading-block {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #0F172A;
}

/* Kupon alanı */
.wc-block-components-panel__button {
    font-weight: 600;
    color: #0F766E;
    cursor: pointer;
}

.wc-block-components-panel__button:hover {
    color: #0C5E55;
}

/* Toplam fiyat */
.wc-block-components-totals-item__label {
    font-weight: 600;
    font-size: 15px;
    color: #475569;
}

.wc-block-components-totals-item__value {
    font-size: 20px;
    font-weight: 700;
    color: #0F766E !important;
}

/* ===============================================================
   💳 ÖDEMEYE GİT BUTONU
   =============================================================== */

.wc-block-cart__submit-button {
    background: #0F766E !important;
    padding: 16px 24px !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    border: none !important;
    width: 100%;
    text-align: center;
    transition: 0.25s ease;
}

.wc-block-cart__submit-button:hover {
    background: #0C5E55 !important;
}

/* ===============================================================
   📱 RESPONSIVE MOBİL TASARIM
   =============================================================== */

@media (max-width: 900px) {
    .wc-block-components-sidebar-layout {
        flex-direction: column !important;
        gap: 30px;
    }

    .wc-block-cart-items__header {
        display: none !important;
    }

    .wc-block-cart-item__image img {
        width: 70px;
        height: 70px;
    }

    .wc-block-components-product-name {
        font-size: 15px;
    }
}

/* ================================================================
   MODERN CHECKOUT PAGE (WooCommerce Blocks)
   ================================================================ */

.wc-block-components-main.wc-block-checkout__main {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

/* BAŞLIKLAR */
.wc-block-components-checkout-step__title {
    font-size: 26px;
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 8px;
}

/* Alt açıklamalar */
.wc-block-components-checkout-step__description {
    font-size: 15px;
    color: #475569;
    margin-bottom: 20px;
}

/* ================================================================
   📦 STEP CARD TASARIMI
   ================================================================ */

.wc-block-components-checkout-step {
    background: #ffffff;
    padding: 25px 28px;
    margin-bottom: 28px;
    border-radius: 14px;
    border: 1px solid #E2E8F0;
    box-shadow: 0 4px 14px rgba(0,0,0,0.04);
}

/* ================================================================
   🧾 INPUT ALANLARI – ULTRA MODERN FLOATING LABEL FORM
   ================================================================ */

.wc-block-components-text-input,
.wc-block-components-address-form input,
.wc-blocks-components-select__select {
    position: relative;
    margin-bottom: 20px;
}

.wc-block-components-text-input input,
.wc-block-components-address-form input,
.wc-blocks-components-select__select {
    width: 100% !important;
    height: 52px !important;
    padding: 14px 15px !important;
    border-radius: 10px;
    border: 1px solid #CBD5E1 !important;
    background: #F8FAFC !important;
    font-size: 15px !important;
    transition: 0.25s ease;
}

.wc-block-components-text-input input:focus,
.wc-block-components-address-form input:focus,
.wc-blocks-components-select__select:focus {
    border-color: #0F766E !important;
    box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.25);
    background: #fff !important;
}

/* Label */
.wc-block-components-text-input label,
.wc-block-components-address-form label,
.wc-blocks-components-select__label {
    font-size: 14px;
    font-weight: 600;
    color: #475569 !important;
    margin-bottom: 6px;
}

/* ================================================================
   🌍 SELECT / DROPDOWN TASARIMI
   ================================================================ */

.wc-blocks-components-select__container {
    border-radius: 10px !important;
    background: #F8FAFC !important;
    border: 1px solid #CBD5E1 !important;
    padding: 4px 10px;
}

.wc-blocks-components-select__select {
    background: transparent !important;
    padding: 10px 6px !important;
    font-size: 15px !important;
}

.wc-blocks-components-select__expand {
    fill: #64748B;
}

/* ================================================================
   ☑ CHECKBOX TASARIMI (Not ekle)
   ================================================================ */

.wc-block-components-checkbox__input {
    width: 20px;
    height: 20px;
    border: 2px solid #0F766E !important;
    border-radius: 6px;
}

.wc-block-components-checkbox__mark path {
    fill: #0F766E !important;
}

/* ================================================================
   ❗ PAYMENT NOTICE (Ödeme yok uyarısı)
   ================================================================ */

.wc-block-checkout__no-payment-methods-notice {
    background: #FEF2F2 !important;
    border-left: 4px solid #DC2626;
    padding: 18px 15px;
    border-radius: 8px;
    margin-top: 12px;
}

.wc-block-checkout__no-payment-methods-notice svg {
    fill: #DC2626 !important;
}

/* ================================================================
   📝 SIPARİŞ NOTU ALANI
   ================================================================ */

#order-notes {
    background: #ffffff;
    padding: 20px 25px;
    border-radius: 14px;
    border: 1px solid #E2E8F0;
    box-shadow: 0 4px 14px rgba(0,0,0,0.04);
}

/* ================================================================
   📜 TERMS (Sözleşme)
   ================================================================ */

.wc-block-checkout__terms {
    padding: 20px 10px;
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
}

/* ================================================================
   🔘 SİPARİŞ VER BUTONU
   ================================================================ */

.wc-block-components-checkout-place-order-button {
    width: 100%;
}

.wc-block-components-checkout-place-order-button {
    background-color: #0F766E !important;
    padding: 16px 24px !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    border: none !important;
    transition: 0.25s ease;
}

.wc-block-components-checkout-place-order-button:hover {
    background-color: #0C5E55 !important;
}

/* ================================================================
   📱 MOBIL TASARIM
   ================================================================ */

@media(max-width: 900px) {
    .wc-block-components-checkout-step {
        padding: 18px 20px;
    }

    .wc-block-components-checkout-step__title {
        font-size: 22px;
    }

    .wc-block-components-text-input input {
        height: 50px !important;
    }
}