/*
Theme Name: hamghadam Child
Theme URI: https://hamghadamcenter.ir
Description: قالب فرزند همقدم — فونت فارسی، RTL، باکس‌های محتوا و سفارشی‌سازی‌های سایت.
Author: همقدم
Author URI: https://hamghadamcenter.ir
Template: hamghadam
Version: 1.0.0
Text Domain: hamghadam-child
*/

/* Content boxes & UI components (site content classes) */

.info-box { padding: 14px 16px; margin: 1.1rem 0; border: 1px solid #ddd; border-left-width: 4px; border-radius: 8px; font-size: 0.88em; line-height: 1.65; }
.info-box .info-box-title { font-weight: bold; font-size: 1.1em; margin-bottom: 10px; display: flex; align-items: center; }
.info-box .info-box-title .fas { margin-left: 10px; font-size: 1.2em; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "Font Awesome 7 Free"; font-weight: 900; }

.reminder-box { border-left-color: #f0ad4e; background-color: #fcf8e3; }
.reminder-box .info-box-title { color: #c09853; }
.important-note-box { border-left-color: #d9534f; background-color: #f2dede; }
.important-note-box .info-box-title { color: #b94a48; }
.parent-role-box { border-left-color: #5cb85c; background-color: #dff0d8; }
.parent-role-box .info-box-title { color: #468847; }
.key-point-box { border-left-color: #337ab7; background-color: #d9edf7; }
.key-point-box .info-box-title { color: #31708f; }

.example-box { padding: 15px 20px; margin: 20px 0; border: 1px dashed #b3b3b3; border-radius: 8px; background-color: #f8f9fa; }
.example-box p { margin-bottom: 5px !important; }
.example-box p:last-child { margin-bottom: 0 !important; }
.author-box { padding: 15px 20px; margin: 20px 0; border: 1px solid #b3b3b3; border-radius: 8px; background-color: #f8f9fa; }
.author-box p { margin-bottom: 5px !important; }
.author-box p:last-child { margin-bottom: 0 !important; }
.author-box .author-box-title { font-weight: bold; font-size: 1.1em; margin-bottom: 10px; display: flex; align-items: center; }
.author-box .author-box-title .fas { margin-left: 8px; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "Font Awesome 7 Free"; font-weight: 900; }

.expert-review-box { display: flex; align-items: center; gap: 25px; padding: 20px; margin: 25px 0; border: 1px solid #ddd; border-right-width: 5px; border-right-color: #31708f; border-radius: 8px; background-color: #f8f9fa; flex-wrap: nowrap; }
.expert-review-image img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 3px solid #31708f; flex-shrink: 0; }
.expert-review-details { flex: 1; }
.expert-review-details .expert-name { margin-top: 0; margin-bottom: 8px; font-size: 1.3em; color: #31708f; }
.expert-review-links .expert-btn { text-decoration: none; padding: 8px 12px; border-radius: 5px; font-weight: bold; display: inline-flex; align-items: center; gap: 6px; }
.expert-review-links .expert-btn.profile { background-color: #31708f; color: #fff; }
.expert-review-links .expert-btn.license { background-color: #fff; color: #444; border: 1px solid #ccc; }
@media (max-width: 600px) {
	.expert-review-box { flex-direction: column; text-align: center; }
}

.hg-btn { display: inline-block; padding: 0.4rem 0.9rem; margin: 0.35rem 0.2rem; font-size: 0.82em; font-weight: 500; text-decoration: none !important; border-radius: 999px; transition: all 0.25s ease; border: 1px solid transparent; cursor: pointer; line-height: 1.35; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); letter-spacing: -0.01em; }
.hg-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); opacity: 0.95; }
.hg-btn .fas { margin-left: 8px; vertical-align: middle; }
.hg-btn-blue { background-color: #337ab7; color: #fff; }
.hg-btn-green { background-color: #5cb85c; color: #fff; }
.hg-btn-orange { background-color: #f0ad4e; color: #fff; }
.hg-btn-purple { background-color: #6f42c1; color: #fff; }
.hg-btn-red { background-color: #d9534f; color: #fff; }
.hg-btn-outline { background-color: transparent; color: #555; border: 2px solid #ccc; }

.disorder-intro-box { border-left-color: #007bff; background-color: #e7f3ff; }
.disorder-intro-box .info-box-title { color: #004085; }
.disorder-causes-box { border-left-color: #28a745; background-color: #d4edda; }
.disorder-causes-box .info-box-title { color: #155724; }
.disorder-signs-box { border-left-color: #fd7e14; background-color: #fff3cd; }
.disorder-signs-box .info-box-title { color: #856404; }
.disorder-diagnosis-box { border-left-color: #6f42c1; background-color: #e2d9f3; }
.disorder-diagnosis-box .info-box-title { color: #3d236b; }
.disorder-treatment-box { border-left-color: #17a2b8; background-color: #d1ecf1; }
.disorder-treatment-box .info-box-title { color: #0c5460; }
.disorder-prognosis-box { border-left-color: #20c997; background-color: #d2f4e8; }
.disorder-prognosis-box .info-box-title { color: #0d6850; }
.disorder-sciencenote-box { border-left-color: #d9534f; background-color: #f2dede; }
.disorder-sciencenote-box .info-box-title { color: #b94a48; }
.disorder-navigation-links { margin: 40px 0; padding: 20px; background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; text-align: center; }
.disorder-navigation-links a { margin: 0 15px; font-weight: bold; color: #0056b3; text-decoration: none; }

.game-guide-motor { border-left-color: #007bff; background-color: #e7f3ff; }
.game-guide-motor .info-box-title { color: #004085; }
.game-guide-sensory { border-left-color: #28a745; background-color: #d4edda; }
.game-guide-sensory .info-box-title { color: #155724; }
.game-guide-language { border-left-color: #6f42c1; background-color: #e2d9f3; }
.game-guide-language .info-box-title { color: #3d236b; }
.game-guide-social { border-left-color: #d9534f; background-color: #f2dede; }
.game-guide-social .info-box-title { color: #b94a48; }
.game-guide-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee; }
.game-guide-nav .nav-item { width: 59px; height: 59px; border: 1px solid #adb5bd; background-color: #ffffff; border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; transition: background-color 0.2s ease; flex-shrink: 0; flex-grow: 0; }
.game-guide-nav .nav-title { color: #fff; font-weight: bold; cursor: default; background-color: #6c757d; border-color: #5a6268; }
.game-guide-nav .nav-link { color: #212529; }
.game-guide-nav .nav-age-number { font-size: 1.5em; font-weight: bold; line-height: 1; }
.game-guide-nav .nav-age-text { font-size: 0.8em; margin-top: 3px; }

.related-post-box { padding: 15px; margin: 25px 0; border: 1px dashed #aaa; border-radius: 8px; background-color: #f9f9f9; }
.related-post-box .related-post-title { font-weight: bold; font-size: 1em; margin-bottom: 5px; display: flex; align-items: center; }
.related-post-box .related-post-title .fas { margin-left: 8px; color: #555; }
.faq-section { margin-top: 40px; border-top: 1px solid #eee; padding-top: 20px; }
.faq-section h2 { font-size: 1.5em; margin-bottom: 20px; display: flex; align-items: center; }
.faq-section h2 .fas { font-size: 0.8em; margin-left: 8px; }
.faq-question { font-weight: bold; font-size: 1.1em; margin-bottom: 5px; }
.faq-answer { margin-bottom: 20px; padding-right: 15px; border-right: 2px solid #337ab7; color: #333; }
.page-navigation { display: flex; justify-content: space-between; align-items: stretch; margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee; flex-wrap: wrap; }
.page-navigation .nav-item { width: 48%; padding: 15px; display: flex; flex-direction: column; background-color: #f9f9f9; margin-bottom: 15px; }
.page-navigation .nav-link { font-weight: bold; color: #31708f; text-decoration: none; margin-bottom: 5px; display: block; }
.page-navigation .next-page { text-align: left; border-left: 3px solid #5cb85c; border-radius: 0 8px 8px 0; }
.page-navigation .prev-page { text-align: right; border-right: 3px solid #f0ad4e; border-radius: 8px 0 0 8px; }