/*
Theme Name: ProStandart
Theme URI: https://ps.kz
Author: Акгуль Керейбаевна Кузеуова
Author URI: https://ps.kz
Description: Профессиональная тема для сайта подготовки медицинских организаций к государственной аккредитации. Разработана на основе фирменного стиля ProStandart.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: prostandart
*/

/* Основные стили из оригинального лендинга */
html { scroll-behavior: smooth; }
body { font-family: 'Manrope', system-ui, sans-serif; background: #F7F5EE; color: #16241D; -webkit-font-smoothing: antialiased; }
::selection { background: #103A2B; color: #F7F5EE; }

.font-serif { font-family: 'Spectral', Georgia, serif; }

.display { font-family: 'Spectral', Georgia, serif; letter-spacing: -0.015em; line-height: 1.04; }
.nums { font-family: 'Spectral', Georgia, serif; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }

/* Eyebrow */
.eyebrow { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 600;
           letter-spacing: 0.22em; text-transform: uppercase; color: #1B5E43; }
.eyebrow::before { content: ''; width: 26px; height: 1px; background: #B08D57; display: inline-block; }
.eyebrow.on-dark { color: #9DC8B2; }
.eyebrow.centered { justify-content: center; }
.eyebrow.centered::after { content: ''; width: 26px; height: 1px; background: #B08D57; display: inline-block; }

/* Arched frames */
.arch { border-radius: 240px 240px 18px 18px; overflow: hidden; }
.arch-sm { border-radius: 160px 160px 14px 14px; overflow: hidden; }

/* Buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px;
       font-weight: 600; border-radius: 999px; transition: all .25s cubic-bezier(.4,0,.2,1); }
.btn-primary { background: #103A2B; color: #F7F5EE; box-shadow: 0 14px 30px -12px rgba(16,58,43,.55); }
.btn-primary:hover { background: #1B5E43; transform: translateY(-1px); box-shadow: 0 18px 36px -12px rgba(16,58,43,.6); }
.btn-primary:active { transform: translateY(0); }
.btn-ghost { background: transparent; color: #16241D; border: 1px solid #D5E2D9; }
.btn-ghost:hover { border-color: #1B5E43; background: #FCFBF6; }
.btn-wa { background: #1B5E43; color: #fff; }
.btn-wa:hover { background: #154a36; }

/* Service cards */
.s-card { background: #FCFBF6; border: 1px solid #E7EBE3; border-radius: 20px; transition: all .35s cubic-bezier(.4,0,.2,1); position: relative; }
.s-card:hover { transform: translateY(-6px); border-color: #C9D9CD; box-shadow: 0 26px 50px -28px rgba(16,58,43,.35); }
.s-icon { width: 56px; height: 56px; border-radius: 16px; background: #E7F0EA; color: #1B5E43;
          display: flex; align-items: center; justify-content: center; transition: all .35s; }
.s-card:hover .s-icon { background: #103A2B; color: #F7F5EE; }
.s-card .idx { font-family: 'Spectral', serif; color: #C7D3C9; font-size: 15px; letter-spacing: .04em; }

.hair { height: 1px; background: #D5E2D9; }

.nav-link { position: relative; color: #3C4B41; transition: color .2s; }
.nav-link:hover { color: #103A2B; }
.nav-link::after { content: ''; position: absolute; left: 0; bottom: -6px; height: 1px; width: 0; background: #B08D57; transition: width .25s; }
.nav-link:hover::after { width: 100%; }

.step-num { width: 64px; height: 64px; border-radius: 50%; border: 1px solid #D5E2D9; background: #FCFBF6;
            display: flex; align-items: center; justify-content: center; font-family: 'Spectral', serif;
            font-size: 24px; color: #103A2B; flex-shrink: 0; transition: all .3s; }
.step-row:hover .step-num { background: #103A2B; color: #F7F5EE; border-color: #103A2B; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1); }
.reveal.in { opacity: 1; transform: none; }

.quote-mark { font-family: 'Spectral', serif; font-size: 80px; line-height: .7; color: #2E8B6B; opacity: .25; }
.mono { width: 46px; height: 46px; border-radius: 50%; background: #103A2B; color: #F7F5EE;
        display: flex; align-items: center; justify-content: center; font-family: 'Spectral', serif; font-size: 18px; }

.field { width: 100%; background: #fff; border: 1px solid #D5E2D9; border-radius: 14px; padding: 14px 16px;
         font-size: 15px; color: #16241D; transition: border-color .2s, box-shadow .2s; }
.field:focus { outline: none; border-color: #1B5E43; box-shadow: 0 0 0 3px rgba(46,139,107,.12); }
.field::placeholder { color: #93A398; }

[data-lucide] { width: 26px; height: 26px; stroke-width: 1.6; }

.grain { background-image: radial-gradient(circle at 1px 1px, rgba(16,58,43,.05) 1px, transparent 0); background-size: 22px 22px; }

/* WordPress specific */
.wp-block { max-width: 100%; }
.site-header { position: sticky; top: 0; z-index: 50; }