/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  الهوية البصرية الكاملة والمحصنة لموقع الأمر العتيق
 Author:       الأمر العتيق
 Template:     generatepress
 Version:      1.0.0
 Text Domain:  generatepress-child
*/

/* ==========================================================================
   1. المظهر العام وبياض الموقع النقي
   ========================================================================== */
body, #page, #content, .site-main {
    background-color: #ffffff !important;
    background-image: none !important; /* إزالة أي زخارف مشوشة */
    color: #23170F !important; /* لون النص الأساسي بني داكن */
}

/* ضبط الخط الأميري للعناوين ليعطي هيبة ووقار */
h1, h2, h3, h4, h5, h6, .home-cat-section h2 {
    font-family: 'Amiri', serif !important;
}

/* تنسيق الفوتر ليظهر بشكل نظيف ومتناسق مع البياض */
.site-footer {
    background-color: #ffffff !important;
    border-top: 1px solid #E6E1DA;
    padding: 20px 0;
}

/* ==========================================================================
   2. كود تحريك البطاقات بسلاسة (Animate Cards)
   ========================================================================== */
.animate-card.visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.animate-card {
    /* حركة ناعمة وبطيئة وقورة */
    animation: fadeInUp 1.4s cubic-bezier(0.25, 1, 0.5, 1) both;
}

/* إضافة تأثير تأخير بسيط بين البطاقات لتظهر الواحدة تلو الأخرى بشكل متموج */
.home-posts-grid article:nth-child(1) { animation-delay: 0.2s; }
.home-posts-grid article:nth-child(2) { animation-delay: 0.4s; }
.home-posts-grid article:nth-child(3) { animation-delay: 0.6s; }
.home-posts-grid article:nth-child(4) { animation-delay: 0.8s; }
.home-posts-grid article:nth-child(5) { animation-delay: 1.0s; }

/* تعريف حركة الصعود والظهور النقي */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px); /* صعود تدريجي هادئ من الأسفل */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* تأثير تفاعلي هادئ جداً عند تمرير الفأرة فوق البطاقة */
.animate-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 6px 18px rgba(61, 43, 31, 0.08) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* ==========================================================================
   3. تنسيق مشغل الصوتيات (Audio Player)
   ========================================================================== */
/* تلوين وإخفاء إطار المشغل الخارجي */
audio {
    background-color: #F5EFEB !important;
    border: 0px solid transparent !important;
    border-width: 0px !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}

/* تلوين وإخفاء إطار اللوحة الداخلية بشكل مستقل تماماً لمنع التعارض */
audio::-webkit-media-controls-panel {
    background-color: #F5EFEB !important;
    border: 0px solid transparent !important;
    border-width: 0px !important;
    outline: none !important;
    box-shadow: none !important;
}

/* الحفاظ على اللون البني الغامق للأزرار */
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-timeline,
audio::-webkit-media-controls-volume-slider,
audio::-webkit-media-controls-mute-button {
    filter: sepia(1) saturate(5) hue-rotate(340deg) brightness(0.4) contrast(1.5) !important;
}

/* ==========================================================================
   4. تمييز القائمة الرئيسية والترويسة (Header)
   ========================================================================== */
.site-header, .main-navigation {
    background-color: #FCF9F5 !important; /* لون سكري/رملي هادئ جداً */
}

.site-header {
    border-bottom: 1px solid rgba(61, 43, 31, 0.06) !important; 
}

.main-navigation ul ul {
    background-color: #FCF9F5 !important;
}

/* ==========================================================================
   5. حاوية الشريط المتحرك (Ticker)
   ========================================================================== */
.fatwa-ticker-container {
    background-color: #FCF9F5 !important; 
    border-bottom: 1px solid rgba(61, 43, 31, 0.08) !important;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 6px 0;
    direction: rtl;
}

.ticker-title {
    background: #3D2B1F !important; /* البني الداكن */
    color: #FCF9F5 !important;
    padding: 4px 15px;
    font-size: 13px;
    font-weight: bold;
    z-index: 10;
    white-space: nowrap;
    border-radius: 4px 0 0 4px;
    box-shadow: 3px 0 10px rgba(0,0,0,0.05);
}

.ticker-wrap {
    overflow: hidden;
    width: 100%;
}

.ticker-items {
    display: flex;
    white-space: nowrap;
    animation: ticker-move 30s linear infinite;
}

.ticker-items:hover {
    animation-play-state: paused;
}

.ticker-item {
    padding: 0 40px;
    font-size: 14px;
}

.ticker-item a {
    color: #3D2B1F !important; 
    text-decoration: none;
    transition: color 0.2s;
}

.ticker-item a:hover {
    color: #8A622D !important; 
}

@keyframes ticker-move {
    0% { transform: translate3d(-100%, 0, 0); }
    100% { transform: translate3d(100%, 0, 0); }
}

/* ==========================================================================
   6. تخصيص وتنسيق المنتدى (Asgaros Forum)
   ========================================================================== */
#asgarosforum {
    font-family: 'Amiri', serif !important;
    direction: rtl !important;
    text-align: right !important;
}

#asgarosforum .asgarosforum-table thead th,
#asgarosforum .asgarosforum-thead,
#asgarosforum .head-element {
    background-color: #3D2B1F !important; 
    color: #ffffff !important;
    font-size: 1.15rem !important;
    font-weight: bold !important;
    border: none !important;
}

#asgarosforum a {
    color: #3D2B1F !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}
#asgarosforum a:hover {
    color: #8A622D !important; 
}

#asgarosforum .asgarosforum-row, 
#asgarosforum .asgarosforum-table tr {
    background-color: #ffffff !important;
    border-bottom: 1px dashed rgba(61, 43, 31, 0.15) !important;
}
#asgarosforum .asgarosforum-row:hover {
    background-color: #F5EFEB !important; 
}

#asgarosforum .button,
#asgarosforum button,
#asgarosforum input[type="submit"] {
    background-color: #3D2B1F !important;
    color: #ffffff !important;
    border: 2px solid #3D2B1F !important;
    border-radius: 4px !important;
    font-family: 'Amiri', serif !important;
    font-weight: bold !important;
    transition: all 0.2s ease !important;
}
#asgarosforum .button:hover,
#asgarosforum button:hover,
#asgarosforum input[type="submit"]:hover {
    background-color: #8A622D !important;
    border-color: #8A622D !important;
    cursor: pointer;
}

#asgarosforum .fa, 
#asgarosforum .fas,
#asgarosforum .asgarosforum-icon {
    color: #8A622D !important;
}

#asgarosforum #forum-statistics {
    background-color: #F5EFEB !important;
    border: 2px solid #3D2B1F !important;
    border-radius: 6px !important;
    color: #3D2B1F !important;
}

/* ==========================================================================
   7. الصندوق الموحد النظيف للافتتاحية (سُطُور عَتِيقَة)
   ========================================================================== */
.home-intro-widget-fullwidth {
    width: 100% !important;
    clear: both !important;
    margin-bottom: 35px !important;
    display: block !important;
    background-color: #FAFAFA !important; /* لون مشغل الصوتيات الهادئ والموحد */
    border: 1px solid #E2DCD2 !important;   
    border-top: 4px solid #8A622D !important; /* الشريط الذهبي المعتق في الأعلى فقط */
    padding: 25px !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 15px rgba(61, 43, 31, 0.03) !important;
}

.home-intro-widget-fullwidth .widget,
.home-intro-widget-fullwidth .widget div,
.home-intro-widget-fullwidth .textwidget,
.home-intro-widget-fullwidth .intro-section-box {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.home-intro-widget-fullwidth .widget-title,
.home-intro-widget-fullwidth .section-title,
.home-intro-widget-fullwidth h2.widget-title,
.home-intro-widget-fullwidth h2.widgettitle {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.home-intro-widget-fullwidth p,
.home-intro-widget-fullwidth .textwidget p {
    color: #3D2B1F !important;
    font-family: 'Amiri', serif !important;
    font-size: 1.2rem !important;
    line-height: 1.8 !important;
    margin-bottom: 12px !important;
}