/* Kodbi Patterns — ortak profesyonel tasarım katmanı (~2KB) */

/* Üst etiket (kicker) */
.kp-kicker{font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:10px}

/* Hover'da yükselen kart */
.kp-card{background:#fff;border-radius:18px;box-shadow:0 1px 2px rgba(15,23,42,.05),0 10px 30px rgba(15,23,42,.07);transition:transform .28s ease,box-shadow .28s ease}
.kp-card:hover{transform:translateY(-7px);box-shadow:0 4px 8px rgba(15,23,42,.06),0 22px 44px rgba(15,23,42,.14)}

/* Dairesel ikon rozeti */
.kp-circle{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 6px;box-shadow:0 8px 20px rgba(15,23,42,.10)}
.kp-circle-sm{width:58px;height:58px;font-size:25px}

/* Dairesel fotoğraf */
.kp-round-img img{border-radius:50% !important;aspect-ratio:1/1;object-fit:cover;box-shadow:0 14px 34px rgba(15,23,42,.16);transition:transform .3s ease}
.kp-round-img:hover img{transform:scale(1.045)}

/* Gölgeli köşeli görsel */
.kp-shadow-img img{border-radius:20px;box-shadow:0 24px 50px rgba(15,23,42,.20)}

/* Pill rozet */
.kp-pill{display:inline-block;padding:7px 18px;border-radius:50px;font-size:13px;font-weight:700;letter-spacing:.5px}

/* Gölgeli buton */
.kp-btn-shadow .wp-block-button__link{box-shadow:0 10px 24px rgba(15,23,42,.22);transition:transform .22s ease,box-shadow .22s ease}
.kp-btn-shadow .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.30)}

/* Yumuşak vurgu halkası (hero arkaplan süsü) */
.kp-glow{position:relative;overflow:hidden}
.kp-glow::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;filter:blur(90px);opacity:.35;top:-180px;right:-140px;pointer-events:none}

@media(prefers-reduced-motion:reduce){
  .kp-card,.kp-card:hover,.kp-round-img img,.kp-btn-shadow .wp-block-button__link{transition:none;transform:none}
}

/* İnce çizgili (outline) dairesel ikon — Flatsome/Astra tarzı */
.kp-circle-outline{width:78px;height:78px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 14px;box-shadow:none;background:transparent}

/* Editoryal serif başlık — WoodMart tarzı */
.kp-serif{font-family:'Playfair Display',Georgia,'Times New Roman',serif !important;font-weight:600 !important}

/* İç çerçeveli görsel kart (inset border overlay) */
.kp-inner-border{position:relative}
.kp-inner-border .wp-block-cover__inner-container::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.75);pointer-events:none}

/* Altı çizili büyük harf link — VIEW MORE tarzı */
.kp-link-underline a{color:#fff !important;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;letter-spacing:2px;font-size:13px;font-weight:600;text-transform:uppercase}
.kp-link-underline a:hover{opacity:.85}

/* Fotoğraf üstü beyaz içerik kartı — Flatsome tarzı */
.kp-overlay-card{background:rgba(255,255,255,.97);border-radius:4px;box-shadow:0 22px 60px rgba(15,23,42,.22)}

/* ===== v3.3.0 — düzenlenebilirlik + mobil katmanı ===== */

/* Daire ikon artık paragraf bloğu: emoji tıklanıp değiştirilebilir */
p.kp-circle{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}
p.kp-circle-left{margin-left:0;margin-bottom:14px}
.kp-circle-outline{border:2px solid currentColor;background:transparent !important;box-shadow:none}

/* Kemer (arch) ve blob görseller: normal görsel bloğu + class */
.kp-arch{border:1px solid #1a1a1a;border-radius:210px 210px 24px 24px;padding:10px}
.kp-arch img{border-radius:200px 200px 16px 16px !important;aspect-ratio:4/5;object-fit:cover;display:block}
.kp-blob img{border-radius:58% 42% 55% 45%/55% 48% 52% 45% !important;aspect-ratio:1/1;object-fit:cover;box-shadow:0 24px 50px rgba(15,23,42,.14)}

/* Kayan şerit (marquee/ticker): içerik native paragraf blokları, sitede kayar */
.kp-mq{overflow:hidden}
.kp-mq .kp-mq-track{display:flex;gap:56px;width:max-content;padding-left:100vw;animation:kpmq 20s linear infinite;flex-wrap:nowrap !important}
.kp-mq .kp-mq-track p{white-space:nowrap;margin:0}
@keyframes kpmq{to{transform:translateX(-100%)}}

/* Slider: her slayt normal grup bloğu, sitede crossfade */
.kp-slider{position:relative;min-height:clamp(420px,58vh,540px);overflow:hidden}
.kp-slider>.wp-block-group{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;animation:kpsl 15s infinite}
.kp-slider>.wp-block-group:nth-child(2){animation-delay:5s}
.kp-slider>.wp-block-group:nth-child(3){animation-delay:10s}
@keyframes kpsl{0%{opacity:0;z-index:1}4%{opacity:1;z-index:2}33%{opacity:1;z-index:2}37%{opacity:0;z-index:1}100%{opacity:0}}

/* Ken Burns: cover bloğunun kendi görseli animasyonlanır (görsel değiştirilebilir) */
.kp-kb .wp-block-cover__image-background{animation:kpzoom 18s ease-in-out infinite alternate}
@keyframes kpzoom{from{transform:scale(1)}to{transform:scale(1.12)}}

/* EDİTÖRDE: animasyonlar kapalı, slaytlar alt alta -> her şey rahat düzenlenir */
.editor-styles-wrapper .kp-slider{min-height:0}
.editor-styles-wrapper .kp-slider>.wp-block-group{position:relative;inset:auto;opacity:1;animation:none;margin-bottom:14px}
.editor-styles-wrapper .kp-mq-track{animation:none;padding-left:0}
.editor-styles-wrapper .kp-kb .wp-block-cover__image-background{animation:none}

@media(prefers-reduced-motion:reduce){
  .kp-mq-track,.kp-slider>.wp-block-group,.kp-kb .wp-block-cover__image-background{animation:none}
  .kp-slider>.wp-block-group{position:relative;inset:auto;opacity:1}
  .kp-slider>.wp-block-group:not(:first-child){display:none}
  .kp-mq-track{padding-left:0}
}

/* Mobil güvenlik ağı */
@media(max-width:781px){
  .kp-overlay-card{margin-left:0 !important;margin-right:0 !important}
  .kp-slider{min-height:440px}
  .wp-block-columns.is-not-stacked-on-mobile.kp-stack-sm{flex-wrap:wrap !important}
  .kp-stack-sm>.wp-block-column{flex-basis:48% !important}
}

/* ===== v4.4.0 — WooCommerce profesyonel ürün grid katmanı ===== */
/* [products] kısayolunun gerçek çıktısını modern kart düzenine sokar */

.kp-wc ul.products{display:grid !important;grid-template-columns:repeat(4,1fr);gap:22px;margin:0 !important;padding:0 !important}
.kp-wc ul.products.columns-3{grid-template-columns:repeat(3,1fr)}
.kp-wc ul.products li.product,.kp-wc ul.products li.product-category{width:100% !important;margin:0 !important;float:none !important;position:relative;background:#fff;border-radius:16px;padding:14px 14px 18px;text-align:center;box-shadow:0 1px 2px rgba(15,23,42,.05),0 10px 26px rgba(15,23,42,.07);transition:transform .25s ease,box-shadow .25s ease}
.kp-wc ul.products li.product:hover{transform:translateY(-6px);box-shadow:0 4px 8px rgba(15,23,42,.06),0 20px 40px rgba(15,23,42,.13)}
.kp-wc ul.products li.product img{width:100% !important;aspect-ratio:1/1;object-fit:contain;background:#f7f7f8;padding:6%;border-radius:12px;margin:0 0 12px !important}
.kp-wc .woocommerce-loop-product__title,.kp-wc ul.products li.product-category h2{font-size:16px !important;font-weight:700 !important;color:#111827;padding:0 !important;margin:0 0 4px !important;line-height:1.35}
.kp-wc ul.products li.product-category h2 .count{color:#9ca3af;font-weight:600;font-size:13px}
.kp-wc .star-rating{margin:4px auto 6px !important;color:#f59e0b}
.kp-wc ul.products .price{display:block;font-size:17px !important;font-weight:800 !important;margin:2px 0 12px !important}
.kp-wc ul.products .price del{opacity:.5;font-weight:600;font-size:14px;margin-right:6px}
.kp-wc ul.products .price ins{text-decoration:none}
.kp-wc ul.products .button,.kp-wc ul.products .add_to_cart_button{display:block;width:100%;border-radius:8px;padding:11px 8px !important;font-size:13px !important;font-weight:700 !important;letter-spacing:.8px;text-transform:uppercase;transition:filter .2s ease,transform .2s ease;margin:0 !important}
.kp-wc ul.products .button:hover{filter:brightness(.93);transform:translateY(-1px)}
.kp-wc ul.products .onsale{position:absolute;top:22px;left:22px;z-index:2;min-height:0;line-height:1;padding:7px 13px;border-radius:50px;font-size:12px;font-weight:800;letter-spacing:.5px;margin:0 !important}
.kp-wc .woocommerce-result-count,.kp-wc .woocommerce-ordering{display:none}

/* Palet renkleri: fiyat, buton, indirim rozeti */
.kp-wc-lacivert ul.products .price,.kp-wc-lacivert ul.products .price ins{color:#1e2a3a !important}
.kp-wc-lacivert ul.products .button,.kp-wc-lacivert ul.products .onsale{background:#f59e0b !important;color:#1e2a3a !important}
.kp-wc-mercan ul.products .price,.kp-wc-mercan ul.products .price ins{color:#7c2d12 !important}
.kp-wc-mercan ul.products .button,.kp-wc-mercan ul.products .onsale{background:#f4794e !important;color:#ffffff !important}
.kp-wc-yesil ul.products .price,.kp-wc-yesil ul.products .price ins{color:#14532d !important}
.kp-wc-yesil ul.products .button,.kp-wc-yesil ul.products .onsale{background:#22c55e !important;color:#052e16 !important}
.kp-wc-mor ul.products .price,.kp-wc-mor ul.products .price ins{color:#312e81 !important}
.kp-wc-mor ul.products .button,.kp-wc-mor ul.products .onsale{background:#8b5cf6 !important;color:#ffffff !important}

/* Mobil: 2 kolon, dar ekranda sıkışma yok */
@media(max-width:920px){.kp-wc ul.products,.kp-wc ul.products.columns-3{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(max-width:400px){.kp-wc ul.products{gap:10px}.kp-wc ul.products li.product{padding:10px 10px 14px}}

/* ===== v4.5.0 — WC "minimal" stil (eczane/supplement tarzı) + sayfalama ===== */
.kp-wc-minimal ul.products li.product{background:transparent;box-shadow:none;border-radius:0;padding:0;text-align:left}
.kp-wc-minimal ul.products li.product:hover{transform:none;box-shadow:none}
.kp-wc-minimal ul.products li.product img{background:#f3f4f6;border-radius:14px;object-fit:contain !important;padding:8%;transition:filter .25s ease}
.kp-wc-minimal ul.products li.product:hover img{filter:brightness(.96)}
.kp-wc-minimal .woocommerce-loop-product__title{font-size:15px !important;font-weight:600 !important;margin:2px 0 2px !important}
.kp-wc-minimal ul.products .price{font-size:16px !important;margin:0 0 10px !important}
.kp-wc-minimal .star-rating{margin:2px 0 4px !important}
.kp-wc-minimal ul.products .onsale{top:10px;left:auto;right:10px;background:#111827 !important;color:#fff !important}
/* Sepete ekle: masaüstünde hover'da belirir, dokunmatikte hep görünür */
@media(min-width:921px){
.kp-wc-minimal ul.products .button{opacity:0;transform:translateY(6px)}
.kp-wc-minimal ul.products li.product:hover .button{opacity:1;transform:translateY(0)}
}

/* Sayfalama (paginate="true"): daire numaralar */
.kp-wc .woocommerce-pagination{margin-top:26px;text-align:center}
.kp-wc .woocommerce-pagination ul{border:0 !important;display:inline-flex;gap:8px}
.kp-wc .woocommerce-pagination ul li{border:0 !important}
.kp-wc .woocommerce-pagination .page-numbers{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-weight:700;font-size:14px;color:#374151;background:#f3f4f6;transition:background .2s ease}
.kp-wc .woocommerce-pagination a.page-numbers:hover{background:#e5e7eb}
.kp-wc-lacivert .woocommerce-pagination .page-numbers.current{background:#f59e0b;color:#1e2a3a}
.kp-wc-mercan .woocommerce-pagination .page-numbers.current{background:#f4794e;color:#fff}
.kp-wc-yesil .woocommerce-pagination .page-numbers.current{background:#22c55e;color:#052e16}
.kp-wc-mor .woocommerce-pagination .page-numbers.current{background:#8b5cf6;color:#fff}

/* ===== v4.5.1 — Tema çakışması güvenlik ağı ===== */
/* Hangi temada olursa olsun kartlar daralmaz, metin harf harf kırılmaz */
.wp-block-columns .wp-block-column{min-width:0}
.kp-card{width:100%;min-width:0}
.kp-card p,.kp-card h1,.kp-card h2,.kp-card h3,.kp-card h4,
.kp-card .wp-block-image,.kp-card .wp-block-buttons{width:100%;max-width:100%}
.kp-card p,.kp-card h1,.kp-card h2,.kp-card h3,.kp-card h4{word-break:normal !important;overflow-wrap:break-word;white-space:normal;writing-mode:horizontal-tb}
.kp-card .wp-block-button{width:100%}
.kp-card .wp-block-button__link{white-space:normal;word-break:normal !important;overflow-wrap:normal;writing-mode:horizontal-tb}
.kp-card .wp-block-image img{width:100% !important;height:auto}
.kp-pill{width:auto !important}
/* Ürün kartı görseli: kare, kaplama, üst köşeler yuvarlak */
.kp-pimg img{width:100% !important;aspect-ratio:1/1;object-fit:cover;border-radius:16px 16px 0 0;display:block}
/* Aynı savunma WC gridleri için */
.kp-wc ul.products li.product *{min-width:0;word-break:normal;overflow-wrap:break-word}

/* ===== v4.5.2 — Kart içi akışı zorla sabitle (tema flex/word-break kurallarına karşı) ===== */
.kp-card{display:block !important;align-items:initial !important}
.kp-card .wp-block-group:not(.wp-block-buttons){display:block !important}
.kp-card>:not(.wp-block-buttons),
.kp-card .wp-block-group>:not(.wp-block-buttons){width:100% !important;max-width:100% !important;flex:none !important;align-self:auto !important}
.kp-card .wp-block-buttons{display:flex !important;width:100% !important}
.kp-card .wp-block-button{flex:1 1 auto}
.kp-card .wp-block-button__link{display:block;width:100%;text-align:center}
.kp-card p,.kp-card h1,.kp-card h2,.kp-card h3,.kp-card h4,.kp-card a{
  word-break:normal !important;overflow-wrap:break-word !important;
  white-space:normal !important;letter-spacing:normal;writing-mode:horizontal-tb !important}
.kp-card .wp-block-image{display:block !important}
.kp-card .wp-block-image img{width:100% !important;max-width:100% !important;height:auto}
/* Kolon hizalama zorlamalarına karşı */
.wp-block-columns .wp-block-column{display:block !important;min-width:0}

/* Kisa vurgu cizgisi (sayfa basligi minimal) */
.kp-line-sm{width:72px !important;max-width:72px;height:4px;border:0;margin-left:0;border-radius:2px}

/* ===== v4.6.1 — Dar içerik konteynerinde taşma koruması ===== */
/* Desen contentSize'ı sayfa konteynerinden genişse, konteynere sığdır */
.entry-content .wp-block-group > .wp-block-columns,
.entry-content .wp-block-group > .wp-block-group,
.entry-content .wp-block-group > .wp-block-heading,
.entry-content .wp-block-group > p,
.entry-content .wp-block-group > .wp-block-image,
.entry-content .wp-block-group > .wp-block-buttons,
.entry-content .wp-block-group > .wp-block-gallery,
.entry-content .wp-block-group > .woocommerce{max-width:100% !important}
.entry-content .alignfull{overflow-x:clip}
body{overflow-x:clip}

/* ===== v4.6.2 — Dar konteynerde bile tam genişlik (zorunlu full-bleed) ===== */
/* GP contained modda da alignfull bölümler kenardan kenara yayılır */
.entry-content > .wp-block-group.alignfull,
.entry-content > .wp-block-cover.alignfull,
.entry-content > .wp-block-columns.alignfull{
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  max-width:100vw !important;
  width:auto !important;
}
/* İç içerik yine kendi contentSize'ında ortalanır, kenarlardan 24px nefes payı korunur */

/* ===== v4.8.0 — daire düzeltmesi + pro modül sınıfları ===== */
/* Zorla-genişlik kuralı daireleri bozuyordu: daireler sabit boyuta geri döndü */
.kp-card p.kp-circle,p.kp-circle{width:76px !important;max-width:76px !important;height:76px !important;flex:none !important}
.kp-card p.kp-circle-sm,p.kp-circle-sm{width:58px !important;max-width:58px !important;height:58px !important}

/* Çift bindirmeli görsel (Astra hakkımızda klasiği) */
.kp-duo{position:relative;padding-bottom:64px;padding-right:36px}
.kp-duo .wp-block-image:first-child img{border-radius:18px;width:100%;box-shadow:0 18px 40px rgba(15,23,42,.14)}
.kp-duo .wp-block-image:last-child{position:absolute;right:0;bottom:0;width:52%;margin:0;border:6px solid #fff;border-radius:16px;box-shadow:0 18px 40px rgba(15,23,42,.20);overflow:hidden}
.kp-duo .wp-block-image:last-child img{display:block;border-radius:10px}
@media(max-width:781px){.kp-duo{padding-right:0}.kp-duo .wp-block-image:last-child{width:58%}}

/* Form yer tutucu kutusu */
.kp-form-ph{border:2px dashed #cbd5e1;border-radius:14px;padding:36px 22px;text-align:center;color:#64748b;font-size:14px}

/* İkonlu iletişim satırı (koyu panelde) */
.kp-crow{display:flex;gap:14px;align-items:flex-start;margin-bottom:4px}

/* ===== v4.9.2 — [kodbi_products] KENDİ ürün grid'i =====
   Markup tamamen plugin'e ait (shortcode-products.php): tema/WooCommerce
   CSS'i bu class'lara hiç dokunmaz -> kayma imkânsız, buton her zaman görünür. */

.kp-wcx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}
.kp-wcx-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.kp-wcx-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kp-wcx-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.kp-wcx-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}

.kp-wcx-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:16px;padding:14px 14px 18px;text-align:center;box-shadow:0 1px 2px rgba(15,23,42,.05),0 10px 26px rgba(15,23,42,.07);transition:transform .25s ease,box-shadow .25s ease;min-width:0}
.kp-wcx-card:hover{transform:translateY(-6px);box-shadow:0 4px 8px rgba(15,23,42,.06),0 20px 40px rgba(15,23,42,.13)}

.kp-wcx-media{display:block;margin:0 0 12px}
.kp-wcx-media img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#f7f7f8;padding:6%;border-radius:12px;display:block;transition:transform .25s ease}
.kp-wcx-card:hover .kp-wcx-media img{transform:scale(1.03)}

.kp-wcx-title{font-size:16px;font-weight:700;line-height:1.35;margin:0 0 4px;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kp-wcx-title a{color:#111827;text-decoration:none}
.kp-wcx-title a:hover{opacity:.8}

.kp-wcx-rating{display:flex;justify-content:center;min-height:20px;margin:0 0 4px}
.kp-wcx-rating .star-rating{margin:0;color:#f59e0b}

.kp-wcx-price{font-size:17px;font-weight:800;margin:2px 0 12px}
.kp-wcx-price del{opacity:.5;font-weight:600;font-size:14px;margin-right:6px}
.kp-wcx-price ins{text-decoration:none}

.kp-wcx-btn{display:block !important;margin-top:auto !important;width:100%;border-radius:8px;padding:11px 8px;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;text-align:center;text-decoration:none !important;border:0;cursor:pointer;transition:filter .2s ease,transform .2s ease;background:#111827;color:#fff}
.kp-wcx-btn:hover{filter:brightness(.92);transform:translateY(-1px)}
.kp-wcx-btn.loading{opacity:.6;pointer-events:none}
.kp-wcx-card .added_to_cart{display:block;margin-top:8px;font-size:13px;font-weight:700;text-decoration:none}

.kp-wcx-badge{position:absolute;top:10px;left:10px;z-index:2;border-radius:50px;font-size:12px;font-weight:800;padding:6px 12px;line-height:1;background:#111827;color:#fff}

/* Palet renkleri: fiyat, buton, rozet, "sepeti gör" linki */
.kp-wcx-lacivert .kp-wcx-price,.kp-wcx-lacivert .kp-wcx-price ins{color:#1e2a3a}
.kp-wcx-lacivert .kp-wcx-btn,.kp-wcx-lacivert .kp-wcx-badge{background:#f59e0b;color:#1e2a3a}
.kp-wcx-lacivert .added_to_cart{color:#f59e0b}

.kp-wcx-mercan .kp-wcx-price,.kp-wcx-mercan .kp-wcx-price ins{color:#7c2d12}
.kp-wcx-mercan .kp-wcx-btn,.kp-wcx-mercan .kp-wcx-badge{background:#f4794e;color:#ffffff}
.kp-wcx-mercan .added_to_cart{color:#f4794e}

.kp-wcx-yesil .kp-wcx-price,.kp-wcx-yesil .kp-wcx-price ins{color:#14532d}
.kp-wcx-yesil .kp-wcx-btn,.kp-wcx-yesil .kp-wcx-badge{background:#22c55e;color:#052e16}
.kp-wcx-yesil .added_to_cart{color:#16a34a}

.kp-wcx-mor .kp-wcx-price,.kp-wcx-mor .kp-wcx-price ins{color:#312e81}
.kp-wcx-mor .kp-wcx-btn,.kp-wcx-mor .kp-wcx-badge{background:#8b5cf6;color:#ffffff}
.kp-wcx-mor .added_to_cart{color:#8b5cf6}

/* Mobil */
@media(max-width:920px){
  .kp-wcx-grid,.kp-wcx-cols-3,.kp-wcx-cols-5,.kp-wcx-cols-6{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(max-width:400px){
  .kp-wcx-grid{gap:10px}
  .kp-wcx-card{padding:10px 10px 14px}
  .kp-wcx-title{font-size:14px}
  .kp-wcx-price{font-size:15px}
}