/*
Theme Name:   Astra Child - Assaqafah
Theme URI:    https://assaqafah.com
Description:  Custom Astra child theme for Assaqafah.com - Islamic blogging website with dynamic hero banner and live search system
Author:       Assaqafah Team
Author URI:   https://assaqafah.com
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  astra-child-assaqafah
*/

/* 
===========================================
🎨 Assaqafah.com - CSS Variables
===========================================
*/

:root {
    /* প্রাইমারি কালার - ইসলামিক গ্রীন */
    --primary-color: #1B5E40;
    --primary-dark: #134430;
    --primary-light: #2a7d5a;
    
    /* সেকেন্ডারি কালার - গোল্ডেন */
    --secondary-color: #D4AF37;
    --secondary-dark: #b89020;
    
    /* অ্যাকসেন্ট কালার */
    --accent-color: #8B4513;
    
    /* টেক্সট কালার */
    --text-dark: #2c3e50;
    --text-light: #6c757d;
    
    /* ব্যাকগ্রাউন্ড কালার */
    --bg-white: #ffffff;
    --bg-light: #f8f9fa;
    --bg-gray: #e9ecef;
    
    /* বর্ডার */
    --border-color: #dee2e6;
    
    /* স্ট্যাটাস কালার */
    --success: #28a745;
    --danger: #dc3545;
    --warning: #ffc107;
    
    /* ফন্ট ফ্যামিলি */
    --font-bengali: 'Noto Sans Bengali', sans-serif;
    --font-arabic: 'Scheherazade New', serif;
    
    /* ট্রানজিশন */
    --transition: all 0.3s ease;
    
    /* শ্যাডো */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
}

/* 
===========================================
🔤 বাংলা ও আরবি ফন্ট ইমপোর্ট
===========================================
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;700&display=swap');

/* 
===========================================
📱 গ্লোবাল স্টাইলস
===========================================
*/

body {
    font-family: var(--font-bengali);
    color: var(--text-dark);
    line-height: 1.8;
}

/* বাংলা টেক্সট স্মুথ রেন্ডারিং */
body, 
h1, h2, h3, h4, h5, h6,
p, a, span, div {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* আরবি টেক্সটের জন্য */
.arabic-text,
[lang="ar"] {
    font-family: var(--font-arabic);
    direction: rtl;
    text-align: right;
}

/* লিংক স্টাইল */
a {
    color: var(--primary-color);
    text-decoration: none;
    transition: var(--transition);
}

a:hover {
    color: var(--primary-dark);
}

/* 
===========================================
📦 কন্টেইনার ও লেআউট
===========================================
*/

.assaqafah-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

@media (max-width: 768px) {
    .assaqafah-container {
        padding: 0 15px;
    }
}

/* 
===========================================
🎯 ইউটিলিটি ক্লাস
===========================================
*/

.text-center {
    text-align: center;
}

.text-primary {
    color: var(--primary-color);
}

.text-secondary {
    color: var(--secondary-color);
}

.bg-primary {
    background-color: var(--primary-color);
}

.bg-light {
    background-color: var(--bg-light);
}

.fade-in {
    animation: fadeIn 0.6s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 
===========================================
📱 রেসপন্সিভ হেল্পার
===========================================
*/

.mobile-only {
    display: none;
}

.desktop-only {
    display: block;
}

@media (max-width: 768px) {
    .mobile-only {
        display: block;
    }
    
    .desktop-only {
        display: none;
    }
}

/* 
===========================================
✨ স্মুথ স্ক্রলিং
===========================================
*/

html {
    scroll-behavior: smooth;
}

/* 
===========================================
🎨 প্রিন্ট স্টাইল
===========================================
*/

@media print {
    .hero-banner,
    .search-bar-wrapper,
    .breadcrumb,
    header,
    footer {
        display: none;
    }
}

/* আপনার চাইল্ড থিমের style.css ফাইলে */
section.ast-archive-description {
    display: none !important;
}