/*
Theme Name: قالب اختصاصی کیا‌شفا (پایگاه خبری کیاپرس)
Theme URI: https://kiapress.ir
Author: تیم فنی کیاپرس
Author URI: https://kiapress.ir
Description: قالب اختصاصی پایگاه خبری تخصصی سلامت کیاپرس با قابلیت پوشش اخبار پزشکی، اخبار سلامت شمال ایران (مازندران، گیلان، گلستان) و سامانه مشاوره تخصصی پزشکی.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kiashafa-kiapress
Domain Path: /languages
Tags: health, medical, news, rtl, kiapress, north-iran, custom-menu, featured-images
*/

@import "./src/index.css";


/* KiaShafa focused responsive fixes */
.kiashafa-site-header { box-sizing: border-box; }
@media (max-width: 767px) {
    .kiashafa-site-header { width: 100%; max-width: 100%; overflow-x: hidden; }
    .kiashafa-site-header .max-w-7xl { min-width: 0; max-width: 100%; }
    .kiashafa-site-header a, .kiashafa-site-header h1, .kiashafa-site-header p { min-width: 0; }
}

.kiashafa-breaking-track { width: max-content; animation: kiashafa-breaking-marquee 28s linear infinite; }
.kiashafa-breaking-news:hover .kiashafa-breaking-track { animation-play-state: paused; }
@keyframes kiashafa-breaking-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(50%); }
}

.kiashafa-modal[hidden] { display: none !important; }
.kiashafa-modal { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 16px; }
.kiashafa-modal-backdrop { position: absolute; inset: 0; background: rgba(15,23,42,.72); backdrop-filter: blur(3px); }
.kiashafa-modal-card { position: relative; z-index: 1; width: min(100%, 520px); max-height: calc(100vh - 32px); overflow-y: auto; background: #fff; color: #0f172a; border-radius: 24px; padding: 24px; box-shadow: 0 25px 70px rgba(0,0,0,.25); }
.kiashafa-modal-card h3 { margin: 0 0 6px; font-size: 20px; font-weight: 900; }
.kiashafa-modal-help { margin: 0 0 18px; color: #64748b; font-size: 12px; line-height: 1.8; }
.kiashafa-modal-close { position: absolute; top: 10px; left: 12px; width: 36px; height: 36px; border: 0; border-radius: 12px; background: #f1f5f9; color: #334155; font-size: 24px; cursor: pointer; }
.kiashafa-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
.kiashafa-modal-card label { display: block; font-size: 12px; font-weight: 800; color: #334155; margin-bottom: 12px; }
.kiashafa-modal-card input, .kiashafa-modal-card select, .kiashafa-modal-card textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 6px; border: 1px solid #cbd5e1; border-radius: 12px; padding: 10px 12px; font: inherit; font-size: 13px; background: #f8fafc; color: #0f172a; outline: none; }
.kiashafa-modal-card textarea { resize: vertical; }
.kiashafa-modal-card input:focus, .kiashafa-modal-card select:focus, .kiashafa-modal-card textarea:focus { border-color: #14b8a6; box-shadow: 0 0 0 3px rgba(20,184,166,.12); }
.kiashafa-modal-primary { width: 100%; border: 0; border-radius: 12px; padding: 12px 16px; background: #0d9488; color: #fff; font-weight: 800; cursor: pointer; }
.kiashafa-modal-primary:hover { background: #0f766e; }
.kiashafa-bmi-result { min-height: 46px; margin-top: 12px; padding: 12px; border-radius: 12px; background: #f0fdf4; color: #166534; font-size: 13px; line-height: 1.8; text-align: center; }
.kiashafa-modal-open { overflow: hidden; }
@media (max-width: 767px) {
    .kiashafa-form-grid { grid-template-columns: 1fr; gap: 0; }
    .kiashafa-modal-card { padding: 20px 16px; border-radius: 20px; }
    .kiashafa-header-doctor, .kiashafa-header-bmi { white-space: nowrap; }
}


/* Mobile dropdown menu - navigation only; desktop layout remains unchanged */
.kiashafa-mobile-menu-bar { display: none; }
.kiashafa-mobile-menu { display: none; }
.kiashafa-mobile-menu[hidden] { display: none !important; }

@media (max-width: 767px) {
    .kiashafa-desktop-nav { display: none !important; }
    .kiashafa-mobile-menu-bar { display: flex; align-items: center; padding: 8px 0; }
    .kiashafa-mobile-menu-toggle {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        background: #fff;
        color: #334155;
        padding: 9px 12px;
        font: inherit;
        font-size: 13px;
        font-weight: 800;
        cursor: pointer;
        text-align: right;
    }
    .dark .kiashafa-mobile-menu-toggle { background: #0f172a; color: #e2e8f0; border-color: #334155; }
    .kiashafa-hamburger { display: inline-flex; flex-direction: column; gap: 4px; width: 22px; flex: 0 0 22px; }
    .kiashafa-hamburger span { display: block; width: 22px; height: 2px; border-radius: 2px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
    .kiashafa-mobile-menu-toggle.is-open .kiashafa-hamburger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
    .kiashafa-mobile-menu-toggle.is-open .kiashafa-hamburger span:nth-child(2) { opacity: 0; }
    .kiashafa-mobile-menu-toggle.is-open .kiashafa-hamburger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
    .kiashafa-mobile-menu { display: flex; flex-direction: column; gap: 0; padding: 0 0 8px; }
    .kiashafa-mobile-menu:not([hidden]) { display: flex; }
    .kiashafa-mobile-menu a {
        display: block;
        padding: 11px 13px;
        border-bottom: 1px solid #e2e8f0;
        color: #334155;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }
    .dark .kiashafa-mobile-menu a { color: #e2e8f0; border-color: #334155; }
    .kiashafa-mobile-menu a:last-child { border-bottom: 0; }
    .kiashafa-mobile-menu a:hover { color: #ea580c; background: rgba(248,250,252,.8); }
    .dark .kiashafa-mobile-menu a:hover { background: rgba(30,41,59,.7); }
}