/* ZelisGarden: küçük düzen ayarları. Renk ve yazı ölçüleri Odoo tema ayarlarından gelir (Düzenle > Tema). */

/* Logo: fide amblemi ve isim okunur boyutta */
#wrapwrap.zelis-site header .navbar-brand img {
    height: 44px !important;
    width: auto;
}
@media (min-width: 992px) {
    #wrapwrap.zelis-site header .navbar-brand img {
        height: 52px !important;
    }
}

/* Başlık: dizüstü genişliğinde (1200 px ve üstü) tüm menü sığsın diye kutu biraz daha geniş, menü aralıkları biraz dar */
@media (min-width: 1200px) {
    #wrapwrap.zelis-site header > .container {
        max-width: min(1320px, calc(100% - 32px));
    }
    #wrapwrap.zelis-site header > .container .o_main_nav {
        max-width: none;
    }
}
#wrapwrap.zelis-site header #top_menu > li > .nav-link {
    padding-left: .55rem;
    padding-right: .55rem;
}
/* 1200-1399 px (ör. 1280 px dizüstü): logo ve menü aralıkları bir tık küçük, son madde de sığsın */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #wrapwrap.zelis-site header .navbar-brand img {
        height: 44px !important;
    }
    #wrapwrap.zelis-site header .navbar-brand {
        margin-right: 1rem !important;
    }
    #wrapwrap.zelis-site header #top_menu > li > .nav-link {
        padding-left: .45rem;
        padding-right: .45rem;
        font-size: .94em;
    }
    /* sağ taraf: sepet/istek listesi/arama simgeleri, dil seçici ve giriş düğmesi biraz sıkı */
    #wrapwrap.zelis-site header .o_main_nav .o_navlink_background.rounded-circle {
        font-size: 16px;
    }
    #wrapwrap.zelis-site header .o_header_language_selector .dropdown-toggle {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
        font-size: .88em;
    }
    #wrapwrap.zelis-site header .o_no_autohide_item .nav-link {
        padding-left: .65rem !important;
        padding-right: .65rem !important;
        font-size: .88em;
    }
}

/* Simgeler: kutunun ortasında, okunur boyutta */
#wrapwrap.zelis-site .oi.rounded,
#wrapwrap.zelis-site .oi.rounded-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    line-height: 1;
}
#wrapwrap.zelis-site .oi.small_social_icon { width: 2.5rem; height: 2.5rem; font-size: 1.15rem; }
#wrapwrap.zelis-site .oi.oi-fw { vertical-align: -0.2em; }

/* Bölüm üst etiketleri */
#wrapwrap.zelis-site p.text-uppercase.small { font-size: 0.8125rem; letter-spacing: 0.08em; }

/* Düğmeler: yazı dikey ortada */
#wrapwrap.zelis-site .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; }

/* Kategori görselleri: eşit kare, yumuşak yakınlaşma */
#wrapwrap.zelis-site a > img.rounded.w-100 { aspect-ratio: 1 / 1; object-fit: cover; transition: transform .35s ease; }
#wrapwrap.zelis-site a:hover > img.rounded.w-100 { transform: scale(1.02); }

/* Hikaye fotoğrafı: dikey oran sabit */
#wrapwrap.zelis-site img[src*="zeliha.jpg"] { aspect-ratio: 9 / 11; object-fit: cover; object-position: 50% 30%; }

/* Okunabilir satır uzunluğu */
#wrapwrap.zelis-site .lead { max-width: 44rem; }
#wrapwrap.zelis-site .text-center .lead, #wrapwrap.zelis-site .lead.text-center { margin-left: auto; margin-right: auto; }

/* Ürün açıklamalarındaki ara başlıklar */
#wrapwrap.zelis-site #product_full_description h4,
#wrapwrap.zelis-site .oe_website_sale h4 { font-size: 1.05rem; margin-top: 1.25rem; }