@charset "UTF-8";

/*
 Theme Name:   Alta.bd Child Theme
 Theme URI:    https://alta.bd
 Description:  A premium custom child theme for Alta.bd inspired by Delighted Mankind.
 Author:       Ahmed Towfiq 
 Author URI:   https://alta.bd
 Template:     hello-elementor
 Version:      1.2.6
 Text Domain:  alta-child
*/

/* ==========================================
   ১. গ্লোবাল সেটিংস ও ফন্ট প্রোটেকশন
   ========================================== */

    @import url('https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@400;600;700;800&family=Poppins:wght@400;500;600;700&display=swap');

    :root {
        --navy: #1B263B;
        --red: #E31837;
        --light-bg: #F8F9FA;
        --white: #ffffff;
        --text-dark: #2D2D2D;
        --text-muted: #666666;
    }

    /* গ্লোবাল ফন্ট ও রিডিবিলিটি সেটিংস */
    body, html, .nav-link, .ticker-text, .mobile-nav-list a { 
        font-family: 'SolaimanLipi', 'Anek Bangla', sans-serif !important; 
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }

    body { 
        padding-top: 120px !important; 
        margin: 0; 
        line-height: 1.8; /* বাংলা ফন্টের জন্য আদর্শ */
        color: var(--text-dark);
    }

    a { transition: 0.3s ease; }
    img { max-width: 100%; height: auto; }

/* ==========================================
   ২. হোমপেজ কাস্টম হিরো সেকশন
   ========================================== */

.alta-custom-hero {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 20px;
    margin: 30px 0;
    height: 580px; /* সামান্য বাড়ানো হয়েছে সামঞ্জস্যের জন্য */
}

.hero-box {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    background: var(--navy);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.hero-box img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hero-box:hover img { transform: scale(1.1); }

.hero-text {
    position: absolute;
    bottom: 0; left: 0; width: 100%;
    padding: 50px 30px 30px;
    background: linear-gradient(to top, rgba(27, 38, 59, 0.95) 0%, rgba(27, 38, 59, 0.4) 60%, transparent 100%);
    z-index: 2;
}

.hero-text h2 { 
    font-size: 32px; 
    margin: 10px 0; 
    font-weight: 800; 
    line-height: 1.3;
}

.hero-text h2 a { color: var(--white); text-decoration: none; }
.hero-text h2 a:hover { color: rgba(255,255,255,0.8); }

.hero-side-grid {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
}

.hero-side-grid .hero-text h2 { font-size: 20px; }
.hero-side-grid .hero-text { padding: 25px 20px; }

/* ==========================================
   ৩. মোবাইল রেসপন্সিভনেস (Responsive Fixes)
   ========================================== */

@media (max-width: 1024px) {
    body { padding-top: 80px !important; }
    .alta-custom-hero { grid-template-columns: 1fr; height: auto; gap: 15px; }
    .hero-box { height: 350px; }
    .hero-text h2 { font-size: 24px; }
}

/* ==========================================
   ৪. গ্লোবাল কার্ড হোভার এনিমেশন
   ========================================== */

.alta-grid-card, .news-card, .related-card {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.alta-grid-card:hover, .news-card:hover, .related-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}