/* Luxeva — section'lara özel minimum override.
   Asıl düzen luxeva-skin.min.css tarafından sağlanır. Burada yalnızca MyTicaret
   dinamik section editörünün ihtiyaç duyduğu ufak düzeltmeler bulunur. */

/* Dinamik section sarmalayıcı — tema editöründen gelen padding_top / padding_bottom
   dynamic-section.html.twig üzerinden inline stille uygulanır. Bu blok yalnızca
   iç bölüm (section type) şablonlarındaki sabit skin padding'lerini sıfırlar;
   böylece wrapper'daki dolgu tek gerçek kaynak haline gelir. */
.myt-dynamic-section > .about-section,
.myt-dynamic-section > .about-section > .container,
.myt-dynamic-section > .blog-section,
.myt-dynamic-section > .info-section,
.myt-dynamic-section > .info-section > .container,
.myt-dynamic-section > .featured-products,
.myt-dynamic-section > .contact-form-section,
.myt-dynamic-section > .video-section,
.myt-dynamic-section > .banner-section,
.myt-dynamic-section > .info-boxes-container,
.myt-dynamic-section > .recommended-section,
.myt-dynamic-section > .custom-html-section,
.myt-dynamic-section > .cta-newsletter { padding-top: 0; padding-bottom: 0; }

/* Ozgurtaki skin'i .blog-section'a sabit pembe arka plan giydiriyor — kaldır */
.myt-dynamic-section > .blog-section { background: none; }

/* Kampanya birlikte sepet: index.php ile content/css/myt-campaign-cart-bundle.css; aside’ta .cart-summary yok. */

/* Slideshow — home-slider owl yüklenmeden önce yüksek görünsün, sıçrama olmasın */
.home-slider:not(.owl-loaded) .home-slide + .home-slide { display: none; }
.home-slider:not(.owl-loaded) .home-slide { min-height: 300px; }

/* Marquee (top-message) — continuous scroll helper */
.lx-marquee { overflow: hidden; white-space: nowrap; }
.lx-marquee__track { display: inline-block; padding-left: 100%; animation: lx-marquee-scroll linear infinite; }
@keyframes lx-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-100%); } }

/* Email signup (cta-newsletter) — geniş yapı */
.cta-newsletter .footer-submit-wrapper { display: flex; gap: 6px; }
.cta-newsletter .footer-submit-wrapper .form-control { flex: 1 1 auto; }

/* Category chip grid boşluğu */
.lx-cat-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }

/* Collage / banner overlay koyu maskesi */
.banner-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,.45) 100%);
    pointer-events: none;
}
.banner-overlay { position: relative; overflow: hidden; }
.banner-overlay .banner-content { position: relative; z-index: 2; color: #fff; }

/* Recommended-section — küçük ekran başlık kompaktlığı */
@media (max-width: 575.98px) {
    .recommended-section .section-title { font-size: 2.4rem; }
    .recommended-section .section-info  { font-size: 1.3rem; }
}

/* Ürün kartı başlık — ozgurtaki .product-title skin'i geniş ekranlarda 1.5rem
   (+ bazı şablonlarda 1.8-3rem) verip kırpma (text-overflow:ellipsis) uyguluyor.
   Kullanıcı isteği: başlık bir tık küçük, tam metin (… yok), gerekirse 2 satır. */
.product-default .product-title,
.recommended-section .product-title,
.featured-products .product-title {
    font-size: 1.3rem;             /* ~15px (html 11.5px tabanıyla) */
    line-height: 1.35;
    white-space: normal;           /* nowrap'i iptal et */
    text-overflow: clip;           /* ellipsis'i iptal et */
    overflow: visible;             /* overflow:hidden'i iptal et */
    width: 100%;                   /* skin calc(100% - 20px)'i nötrle */
    display: block;
    word-break: break-word;
    max-height: none;
}
.product-default .product-title a,
.recommended-section .product-title a,
.featured-products .product-title a {
    display: block;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}
@media (max-width: 575.98px) {
    .product-default .product-title,
    .recommended-section .product-title,
    .featured-products .product-title { font-size: 1.25rem; }
}

/* Popup module — z-index, backdrop blur yumuşatma */
.lx-gp { z-index: 1080; }
.lx-gp__backdrop { backdrop-filter: blur(2px); }

/* Luxeva featured collection ajax filters */
.lx-fc-filters { padding-bottom: 4px; }
.lx-fc-search-wrap { position: relative; min-width: 220px; }
.lx-fc-search-input {
    width: 100%;
    height: 32px;
    border-radius: 18px;
    border: 1px solid #ddd;
    padding: 0 12px;
    font-size: 12px;
    line-height: 30px;
    background: #fff;
}
.lx-fc-search-input:focus {
    border-color: #114469;
    box-shadow: 0 0 0 0.15rem rgba(17, 68, 105, 0.15);
}
.lx-fc-sort-select {
    width: auto;
    min-width: 160px;
    max-width: 190px;
    height: 32px;
    border-radius: 18px;
    border: 1px solid #ddd;
    font-size: 12px;
    line-height: 30px;
    padding: 0 30px 0 10px;
    background: #fff;
    -webkit-appearance: none;
    appearance: none;
}
.lx-fc-sort-select:focus {
    border-color: #114469;
    box-shadow: 0 0 0 0.15rem rgba(17, 68, 105, 0.15);
}
.lx-fc-count {
    font-size: 12px;
    color: #777;
    white-space: nowrap;
}
.lx-fc-ajax .product-slider-tab { position: relative; transition: opacity .2s ease; }
.lx-fc-ajax.lx-fc-loading .product-slider-tab { opacity: .6; pointer-events: none; }
.lx-fc-ajax.lx-fc-loading .product-slider-tab::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    border-top-color: #114469;
    border-radius: 50%;
    animation: lx-fc-spin .7s linear infinite;
}
@keyframes lx-fc-spin { to { transform: rotate(360deg); } }
@media (max-width: 767.98px) {
    .lx-fc-filters { flex-direction: column; align-items: stretch !important; }
    .lx-fc-search-wrap { min-width: 0; }
    .lx-fc-sort-select { width: 100%; max-width: none; min-width: 0; }
}

/* Ürün kartı temel düzeni — SSR ve AJAX render sonrası aynı hizalama */
.product-default { background: #fff; position: relative; }
.product-default figure {
    position: relative;
    margin: 0;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    overflow: hidden;
}
/* Skin: figure>a:first-child{height:100%} + img HTML 280×280 verildiğinde
   tarayıcı 1:1 aspect-ratio uygular, görsel kare kutu gibi kırpılıyor.
   Ayrıca eski versiyonda max-height:300px vardı, dikey ürün görselleri
   250×300 kutuya 'contain' ile sığdırıldığı için kare gibi görünüyordu;
   kaldırıldı. Görsel kendi doğal oranıyla çiziliyor. */
.product-default figure > a,
.product-default figure > a:first-child {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    text-align: center;
}
.product-default figure > a > img {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
    aspect-ratio: auto;
    vertical-align: top;
}
/* Skin'de ikinci img position:absolute; ilk görsel oranıyla figure
   yüksekliği belirleniyor. İkinci img da aynı oranı korusun diye
   üst/alt sıfırlanıp yüksekliği 100% yapılıyor; object-fit ile dikey
   görsellerde kırpılma yerine sığdırma uygulanıyor. */
.product-default figure img:last-child:not(:first-child) {
    width: 100%;
    height: 100%;
    object-fit: contain;
    aspect-ratio: auto;
}

/* Popup yerine direkt ürün detayına götüren İncele butonu.
   Eski btn-quickview stili ile aynı yerleşim, farklı sınıf (popup JS’i yakalamaz). */
/* Skin’de .product-default a{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:inherit }
   — İncele linkine de uygulanıyor; aşağıda nötrle. */
.product-default .btn-view-product,
.inner-quickview .btn-view-product,
.inner-icon .btn-view-product {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    display: block;
    width: auto;
    padding: 9px 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #fff !important;
    background: #114469;
    text-decoration: none;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease, background .2s ease;
}
.product-default .btn-view-product:hover { background: #0d3552; color: #fff; text-decoration: none; }
.product-default:hover .btn-view-product,
.product-default:focus-within .btn-view-product {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* AJAX yenilenen kartlarda kolonların eşit davranmasını garantiye al */
.lx-fc-ajax [data-lx-fc-grid] > [class*="col-"] { display: flex; }
.lx-fc-ajax [data-lx-fc-grid] .product-default { width: 100%; }

/* Dynamic section arka plan slot'u */
[data-myt-section-bg] { background-size: cover; background-position: center; }

/* Accordion — özellikler/faq için Bootstrap 4 üstü ince ayar */
.accordion-rounded .card { border-radius: 8px; overflow: hidden; }
.accordion-rounded .card + .card { margin-top: 8px; }