/*
Theme Name: Mehrdarman Child
Description: Custom child theme for Mehrdarman
Template: mehrdarman
Version: 1.0.0
*/

/* CSS سفارشی سایت از اینجا شروع می‌شود */
/* ===== Header and Footer Color Fix ===== */

/* پس‌زمینه هدر بالایی و فوتر */
.top-header,

.footer-area,
.footer-area .copyright-area {
    background-color: 
#9d9d9c !important;
}

/* متن‌ها و لینک‌های هدر و فوتر */
.top-header p,
.top-header span,
.top-header li,
.top-header a,
.top-header .header-contact-info,
.footer-area p,
.footer-area span,
.footer-area li,
.footer-area a,
.footer-area h3,
.footer-area h4,
.footer-area h5,
.footer-area h6,
.footer-area .copyright-area {
    color: 
#921625 !important;
}

/* آیکون‌های هدر و فوتر */
.top-header i,
.top-header svg,
.footer-area i,
.footer-area svg,
.footer-area .icon {
    color: #857063
 !important;
    fill: #921625

 !important;
}

/* آیکون‌های لینک‌دار: پس‌زمینه روشن برای خوانایی */
.top-header .top-header-social li a,
.footer-area .single-footer-widget .social li a {
    background-color: #ffffff !important;
    color: #921625 !important;
}

/* آیکون داخل دکمه‌های شبکه اجتماعی */
.top-header .top-header-social li a i,
.footer-area .single-footer-widget .social li a i {
    color: #921625 !important;
}

/* حالت هاور لینک‌ها */
.top-header a:hover,
.footer-area a:hover {
    color: #f1d544 !important;
}

/* =========================================
   رنگ‌بندی باکس‌های داخلی سایت
   زرشکی: #921625
   خاکستری: #9d9d9c
   ذغالی: #443f38
   رنگ آیکون: #857063
========================================= */

/* 1. باکس‌های خدمات و چشم‌انداز */
.main-services-box,
.single-vision-box,
.single-services-box,
.single-doctor-box,
.single-device-box,
.blog-card,
.faq-content .faq-card {
    background-color: #ffffff;
    border-color: #9d9d9c;
}

/* 2. تیترها و متن داخل باکس‌ها */
.main-services-box h3,
.main-services-box h3 a,
.single-vision-box h3,
.single-vision-box h3 a,
.single-services-box h3,
.single-services-box h3 a,
.single-doctor-box h3,
.single-doctor-box h3 a,
.single-device-box h3,
.single-device-box h3 a,
.blog-card h3,
.blog-card h3 a,
.faq-content .faq-card h3 {
    color: #443f38;
}

.main-services-box p,
.single-vision-box p,
.single-services-box p,
.single-doctor-box p,
.single-device-box p,
.blog-card p,
.faq-content .faq-card p {
    color: #443f38;
}

/* 3. آیکون‌های باکس‌ها */
.main-services-box .icon,
.single-vision-box .icon {
    background-color: #921625;
    color: #ffffff;
}

.main-services-box .icon i,
.main-services-box .icon svg,
.single-vision-box .icon i,
.single-vision-box .icon svg {
    color: #ffffff;
    fill: currentColor;
}

.single-services-box .icon,
.single-fun-facts .icon,
.single-doctor-box .doctor-content span,
.single-device-box .doctor-content span {
    color: #857063;
}

/* 4. حالت هاور باکس خدمات و چشم‌انداز */
.main-services-box:hover,
.single-vision-box:hover {
    border-color: #921625;
}

.main-services-box:hover .icon,
.single-vision-box:hover .icon {
    background-color: #443f38;
    color: #ffffff;
}

/* 5. دکمه‌ها و لینک‌های داخل باکس‌ها */
.main-services-box a,
.single-vision-box a,
.single-services-box a {
    color: #921625;
}

.main-services-box a:hover,
.single-vision-box a:hover,
.single-services-box a:hover {
    color: #443f38;
}

/* 6. دکمه‌های زرشکی با متن سفید */
.main-services-box .btn-primary,
.single-vision-box .btn-primary,
.single-services-box .btn-primary,
.blog-card .btn-primary {
    background-color: #921625;
    border-color: #921625;
    color: #ffffff;
}

.main-services-box .btn-primary *,
.single-vision-box .btn-primary *,
.single-services-box .btn-primary *,
.blog-card .btn-primary * {
    color: #ffffff;
}

/* 7. باکس‌های دارای زمینه زرشکی */
.landing-benefits .benefit-box .more-btn a,
.landing-more-services .service-row,
.stages-item {
    background-color: #921625;
    color: #ffffff;
}

.landing-benefits .benefit-box .more-btn a *,
.landing-more-services .service-row *,
.stages-item * {
    color: #21130d;
}

/* 8. پس‌زمینه و حاشیه بخش‌های فرعی */
.author-details,
.blog-card,
.faq-content .faq-card {
    border-color: #9d9d9c;
}

/* 9. رنگ متن روی باکس‌های زرشکی ویژه */
.landing-benefits .benefit-box .more-btn a:hover,
.landing-more-services .service-row:hover,
.stages-item:hover {
    background-color: #ffffff;
    color: #ffffff;
}

/* ==========================================
   تکمیل رنگ‌بندی قالب مهر درمان
   زرشکی: #921625
   خاکستری: #9d9d9c
   ذغالی: #443f38
   آیکون: #857063
   بدون هدف‌گیری stages-item
   ========================================== */

/* 1. دکمه‌های اصلی و فرم‌ها */
.fovia-main-btn,
.btn-primary,
.btn-success,
button.btn-primary,
button.btn-success,
input[type="submit"],
input[type="button"],
.wp-block-button__link,
.comments-area .form-submit input,
.newsletter-form button,
.widget_search button {
    background-color: #921625 !important;
    border-color: #921625 !important;
    color: #ffffff !important;
}

.fovia-main-btn *,
.btn-primary *,
.btn-success *,
.wp-block-button__link * {
    color: #ffffff !important;
}

.fovia-main-btn:hover,
.btn-primary:hover,
.btn-success:hover,
button.btn-primary:hover,
button.btn-success:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wp-block-button__link:hover,
.comments-area .form-submit input:hover,
.newsletter-form button:hover,
.widget_search button:hover {
    background-color: #443f38 !important;
    border-color: #443f38 !important;
    color: #ffffff !important;
}

/* 2. لینک‌های محتوای سایت؛ بدون هدر و فوتر */
.site-content a:not(.btn):not(.btn-primary):not(.wp-block-button__link),
article a:not(.btn):not(.btn-primary),
.entry-content a:not(.btn):not(.wp-block-button__link),
.widget-area a {
    color: #921625;
}

.site-content a:not(.btn):not(.btn-primary):hover,
article a:not(.btn):not(.btn-primary):hover,
.entry-content a:not(.btn):not(.wp-block-button__link):hover,
.widget-area a:hover {
    color: #443f38;
}

/* 3. منوهای داخلی، زیرمنوها و حالت انتخاب */
.fovia-nav .navbar .navbar-nav .nav-item a:hover,
.fovia-nav .navbar .navbar-nav .nav-item a:focus,
.fovia-nav .navbar .navbar-nav .nav-item.active > a,
.fovia-nav .navbar .navbar-nav .nav-item:hover > a,
.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    border-color: #921625;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    border-top-color: #921625 !important;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus {
    color: #921625 !important;
}

/* 4. تیترهای کوچک و زیرعنوان‌ها */
.section-title span,
.main-banner-content span,
.about-content span,
.our-mission-content .sub-title,
.approach-content .sub-title,
.appointment-content .sub-title,
.faq-accordion .sub-title,
.services-details-desc .services-features-list li i {
    color: #921625;
}

/* 5. آیکون‌های کوچک و تزئینی */
.single-services-box .icon,
.single-fun-facts .icon,
.single-doctor-box .doctor-content span,
.single-device-box .doctor-content span,
.single-doctor-box .doctor-image .details-btn,
.single-device-box .doctor-image .details-btn,
.doctor-details-image span {
    color: #857063;
}

/* 6. آیکون‌های فهرست و مزایا */
.about-content ul li i,
.approach-content ul li i,
.services-details-desc .services-features-list li i,
.blog-details-desc .article-content .features-list li i,
.faq-accordion .accordion .accordion-title i {
    color: #857063;
}

/* 7. پس‌زمینه آیکون‌های باکس‌های خدمات و چشم‌انداز */
.main-services-box .icon,
.single-vision-box .icon {
    background-color: #921625;
    color: #ffffff;
}

.main-services-box .icon i,
.main-services-box .icon svg,
.single-vision-box .icon i,
.single-vision-box .icon svg {
    color: #ffffff;
    fill: currentColor;
}

.main-services-box:hover,
.single-vision-box:hover {
    border-color: #921625;
}

.main-services-box:hover .icon,
.single-vision-box:hover .icon {
    background-color: #443f38;
}

/* 8. رنگ لینک و حاشیه کارت‌ها */
.blog-card,
.faq-content .faq-card,
.author-details,
.article-head,
.user-actions {
    border-color: #9d9d9c;
}

.blog-card h3 a,
.faq-content .faq-card h3,
.single-services-box h3 a {
    color: #443f38;
}

.blog-card h3 a:hover,
.single-services-box h3 a:hover {
    color: #921625;
}

/* 9. صفحه‌بندی */
.pagination-area .page-link.current,
.pagination-area .page-link:hover,
.pagination-area .page-link:focus {
    background-color: #921625 !important;
    border-color: #921625 !important;
    color: #ffffff !important;
}

/* 10. کادرهای ورودی و جست‌وجو */
.form-control:focus,
input:focus,
textarea:focus,
select:focus,
.widget-area .widget_search form .search-field:focus {
    border-color: #921625 !important;
    outline-color: #921625;
    box-shadow: 0 0 0 1px rgba(146, 22, 37, 0.12);
}

/* 11. خطوط و نشانه‌های تأکیدی */
.article-head,
.user-actions {
    border-color: #921625;
}

.landing-cta-buttons .btn1 {
    border-color: #921625 !important;
}

.landing-cta-buttons .btn1:hover {
    background-color: #921625 !important;
    border-color: #921625 !important;
    color: #ffffff !important;
}

/* 12. رنگ آیکون‌های اجتماعی در بخش‌های محتوایی */
.site-content .social a,
article .social a {
    color: #921625;
}

.site-content .social a:hover,
article .social a:hover {
    color: #857063;
}

/* 13. اصلاح رنگ لینک‌های انتهای صفحه */
.footer-area .single-footer-widget .departments-list li a:hover,
.footer-area .single-footer-widget .links-list li a:hover,
.footer-area .copyright-area p a:hover {
    color: #f1d544 !important;
}