/*
 * Official style layer for the public site.
 * Restrained, flat look used by state organisations (gov.uz, my.gov.uz): solid colours instead
 * of gradients, thin borders instead of large shadows, small corner radius, sentence-case
 * buttons, no decorative glow, pulsing or bouncing. Loaded after all other site CSS.
 */

:root {
    --gov-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
    --gov-shadow-md: 0 1px 3px rgba(16, 24, 40, 0.08);
    --gov-shadow-lg: 0 2px 6px rgba(16, 24, 40, 0.10);
    --gov-shadow: var(--gov-shadow-md);
    --gov-radius: 4px;
    --gov-radius-sm: 3px;
    --gov-gold-glow: transparent;
}

/* ---- Page header (x-frontend.hero) ---- */
.gov-hero {
    background: var(--gov-primary-dark);
    padding: 36px 0 40px;
}

.gov-hero::before,
.gov-hero::after {
    display: none;
}

/* Decorative eyebrow label ("— TASHKENT INVEST") */
.gov-hero-badge {
    display: none;
}

.gov-hero-title {
    font-size: clamp(26px, 3vw, 34px);
    font-weight: 700;
    letter-spacing: 0;
}

/* ---- Solid colours instead of gradients ---- */
.gov-doc-card-header,
.assessment-doc-header {
    background: var(--gov-primary-dark) !important;
}

.gov-divider {
    background: var(--gov-border-dark);
}

.gov-table thead {
    background: var(--gov-primary);
}

.gov-card-icon,
.gov-doc-icon,
.home-news .news-header-badge i,
.home-news .news-card-image,
.home-contact .contact-icon-bg,
.home-contact .contact-item-icon,
.home-contact .projects-btn {
    background: var(--gov-primary);
}

.home-contact .projects-btn:hover {
    background: var(--gov-primary-dark);
}

.gov-status-badge-lg.primary { background: var(--gov-primary); }
.gov-status-badge-lg.warning { background: #b45309; }
.gov-status-badge-lg.success { background: #047857; }
.gov-status-badge-lg.archive { background: #4b5563; }

.home-features,
.home-news {
    background: var(--gov-bg-light);
}

.home-contact {
    background: var(--gov-primary-darkest);
}

.home-contact .contact-info {
    background: rgba(255, 255, 255, 0.04);
}

.home-contact .map-header {
    background: #f8fafc;
}

.parliament-footer {
    background: var(--gov-primary-darkest);
}

/* Text on photos stays readable with a flat overlay instead of a gradient fade. */
.home-features .feature-content {
    background: rgba(13, 26, 38, 0.82);
}

/* ---- Home banner ---- */
.home-hero {
    height: 56vh;
    min-height: 420px;
}

.home-hero .hero-overlay {
    background: rgba(21, 38, 56, 0.72);
}

.home-hero .hero-title {
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 700;
    letter-spacing: 0;
    text-shadow: none;
}

/* ---- Buttons ---- */
.gov-btn,
.gov-btn-sm {
    text-transform: none;
    letter-spacing: 0;
    border-radius: var(--gov-radius-sm);
    box-shadow: none;
}

.gov-btn:hover,
.gov-btn-sm:hover {
    box-shadow: none;
    transform: none;
}

/* ---- No decorative motion ---- */
.home-hero .scroll-arrow,
.home-contact .decoration-circle,
.gov-surprise-btn,
.tender-badge-urgent,
.success-icon {
    animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* ---- Header map link: quiet instead of a gold call-to-action ---- */
.nav-map-btn {
    padding: 7px 14px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #fff !important;
    border-radius: var(--gov-radius-sm);
    font-weight: 500;
    white-space: nowrap;
}

.nav-map-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.6);
}

/* ---- Readability: these used the light-on-dark text token on light backgrounds ---- */
.gov-results-info p {
    color: var(--gov-text-body);
}

/* ---- Main menu: tighter items so the full menu and the map link fit at 1366px ---- */
.gov-main-nav .nav-menu-link {
    padding: 16px 14px;
}

/* Page styles that used --gov-text-muted/light (white, meant for dark backgrounds) on white
   cards. The .gov-page prefix outranks the page-level <style> blocks loaded later. */
.gov-page .tender-code,
.gov-page .tender-subject,
.gov-page .tender-info-item,
.gov-page .tender-code-info,
.gov-page .tender-code-info strong,
.gov-page .tender-date-label,
.gov-page .tender-contact-item strong,
.gov-page .tender-download-format,
.gov-page .tender-related-deadline,
.gov-page .offer-document-content small,
.gov-page .map-type-btn:not(.active),
.gov-page .file-hint {
    color: #5b6573;
}

/* Header caption and status text were below 3:1 contrast. */
.contact-block .contact-label {
    color: #64748b;
}

/* Gold text on the red "urgent" badge was unreadable. */
.gov-page .tender-badge-urgent,
.gov-page .tender-badge-urgent span {
    color: #fff;
}

/* --gov-text-muted is a light-on-dark colour, so placeholders on white inputs were invisible. */
.gov-input::placeholder,
.gov-textarea::placeholder {
    color: #6b7280;
}

/* width: 100% plus padding pushed form fields past the screen edge on phones. */
.gov-input,
.gov-select,
.gov-textarea {
    box-sizing: border-box;
}