/* Eski temanın bozuk kalan yerleri için düzeltmeler. En son yüklenir; eski CSS dosyalarına dokunulmaz.
   Her kuralın üstünde neyi düzelttiği yazar. */

/* Form alanları: tema 45px yükseklikte 15px üst/alt padding veriyordu; 24px'lik satıra yalnız 15px kalıyor,
   Firefox ve Safari yazıyı kırpıyordu. Yükseklik aynı, yazı alanı 25px. */
input.form-control,
select.form-control {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 25px;
}

/* Dil seçici: kapalıyken aşağı, açıkken yukarı bakan ok (tema tersini çiziyordu). */
.arrow::before {
    transform: rotate(-45deg);
}
.arrow::after {
    transform: rotate(45deg);
}
.open .arrow::before {
    transform: rotate(45deg);
}
.open .arrow::after {
    transform: rotate(-45deg);
}

/* Açılır menü kartları: başlık (ve varsa alt yazı) ikonla dikeyde ortalanır; tema bunu kart başına
   `m-3` boşluklarıyla taklit ediyordu, bazı başlıklar içeriden başlıyordu. */
.menu-card > a {
    display: flex;
    align-items: center;
    min-height: inherit;
}
.menu-card .img-container {
    float: none;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-card .text-container {
    min-width: 0;
}

@media (max-width: 991px) {
    /* Mobil menü ve açılır menü tam genişlik kullanır; temanın masaüstü için verdiği 20px sağ boşluk
       mobilde menüyü sağdan daraltıyordu. */
    .navbar-nav {
        margin-right: 0;
    }
    .navbar-nav .dropdown-menu {
        width: 100%;
    }
    .navbar-nav .dropdown-menu .row {
        margin-left: 0;
        margin-right: 0;
    }
    .navbar-nav .dropdown-menu .row > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-nav .menu-card {
        margin: 0;
    }
}

/* ===================================================================================================
   Hipo İK'ya özgü düzeltmeler (yukarıdakiler netaxtech ile ortaktır).
   =================================================================================================== */

/* Açılır menü kartları: başlık, ikonun yanında dikeyde ortalanır (paragrafın alt boşluğu kaldırılır;
   eski işaretlemede `m-3` farklı elemanlarda olduğu için başlıklar farklı yüksekliklerde duruyordu). */
.menu-card .text-container .card-title {
    margin-bottom: 0;
}

/* Dil bağlantısı ("EN" / "TR"): eski Hipo İK menüsünde yoktu. Menü öğelerinin 50px'lik yan boşlukları
   yerine dar boşlukla durur; böylece eski menünün iki satıra kırılma eşiği değişmez. */
.navbar-light .navbar-nav .nav-item.nav-item-lang {
    padding-left: 12px;
    padding-right: 12px;
}

/* 992-1199px arası: menü öğelerinin 50px'lik yan boşlukları menüyü ekrandan taşırıyor ("Modüller"
   iki satıra kırılıyor, sayfa yatay kayıyordu). Bu aralıkta boşluk daraltılır. */
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-light .navbar-nav .nav-item {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* "Demo Talep Edin" kutusu (fiyat sayfası) artık demo sayfasına gider. */
.demoButton {
    cursor: pointer;
}

/* Mobil tipografi (767px ve altı): eski sayfalarda yazı boyutları satır içi stil olarak verilmiş ve hiç
   küçülmüyordu (gövde 25px/45px, başlıklar 35-48px; "Potansiyeli Keşfedin" ekranın kenarından kenarına).
   Satır içi değerler yalnız `!important` ile ezilebildiği için kurallar değerleri hedefler; masaüstü değişmez. */
@media (max-width: 767px) {
    [style*="font-size:22px"],
    [style*="font-size:25px"] {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }
    [style*="font-size:28px"],
    [style*="font-size:30px"] {
        font-size: 22px !important;
        line-height: 1.35 !important;
    }
    [style*="font-size:35px"],
    [style*="font-size:38px"] {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }
    h1 {
        font-size: 30px;
        line-height: 1.25;
    }
    .demobaslik {
        font-size: 32px;
        line-height: 1.2;
    }
    .freeTry {
        font-size: 20px;
    }
    .demogonder {
        font-size: 24px;
    }
}

/* Çerez onay bandı (yalnız NEXT_PUBLIC_GA_ID / NEXT_PUBLIC_GTM_ID doluyken çıkar). Temanın kendi
   düğmeleriyle, sayfanın altında sabit durur. */
.cookie-consent {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 1060;
    padding: 20px 0;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.cookie-consent__title {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 700;
    color: #222222;
}
.cookie-consent__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #555555;
}
.cookie-consent__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
}
.cookie-consent__actions .btn {
    margin: 0;
}
@media (min-width: 768px) {
    .cookie-consent .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 32px;
    }
    .cookie-consent__actions {
        flex-shrink: 0;
        margin-top: 0;
    }
}