/* =========================================================
   SOIL — Tuproqshunoslik va agrokimyoviy tadqiqotlar instituti
   Brand overrides + styles for content imported from soil.uz
========================================================= */

:root {
    --soil-brand: #1e70ed;
    --soil-brand-dark: #071b3d;
    --soil-brand-tint: #eef4fd;
    --soil-accent: #fcb900;
    --soil-accent-soft: #fff4d1;
    --soil-ink: #18253c;
    --soil-muted: #586477;
    --soil-line: #dfe4ec;
    --soil-radius: 12px;
    --soil-shadow: 0 2px 6px rgba(7, 27, 61, .06), 0 12px 28px rgba(7, 27, 61, .08);
}

/* ---------- header brand ---------- */
.site-header__brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.site-header__brand .soil-brand__emblem {
    width: 60px;
    height: 60px;
    object-fit: contain;
    flex: 0 0 auto;
}

.soil-brand__text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    color: #fff;
    font-family: var(--font-heading, "Manrope", Arial, sans-serif);
    font-size: 15px;
    letter-spacing: .01em;
}

.soil-brand__text b { font-weight: 800; }

.site-header.is-scrolled .soil-brand__text,
.site-header--light .soil-brand__text { color: var(--soil-ink); }

.site-header__worktime {
    font-size: 13px;
    opacity: .85;
    white-space: nowrap;
}

@media (max-width: 1280px) {
    .soil-brand__text { font-size: 13px; }
}

@media (max-width: 1100px) {
    .soil-brand__text { display: none; }
}

/* ---------- footer ---------- */
.wist-footer__logo { width: auto; max-height: 110px; }

.soil-footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
}

.soil-footer__ulink {
    color: rgba(255, 255, 255, .85);
    font-weight: 600;
    text-decoration: none;
    padding: 10px 18px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    transition: background .2s ease, color .2s ease;
}

.soil-footer__ulink:hover { background: rgba(255, 255, 255, .1); color: #fff; }

/* ---------- imported content ---------- */
.soil-content { color: var(--soil-ink); }
.soil-content .section { padding: 0; background: none; }
.soil-content .section + .section { margin-top: 40px; }
.soil-content .wrap { max-width: none; padding: 0; }
.soil-content .split { display: block; }
.soil-content .sec-head { max-width: 820px; margin-bottom: 28px; }
.soil-content .sec-head h2 { margin: .2em 0 .4em; }
.soil-content .sec-head p { color: var(--soil-muted); }
.soil-content .sec-head .eyebrow {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: .76rem; letter-spacing: .14em; text-transform: uppercase;
    color: var(--soil-brand); font-weight: 700;
}
.soil-content .sec-head .eyebrow::before { content: ""; width: 26px; height: 2px; background: var(--soil-accent); }

.soil-content .grid { display: grid; gap: 22px; }
.soil-content .g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.soil-content .g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.soil-content .g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.soil-content .card {
    position: relative;
    background: #fff;
    border: 1px solid var(--soil-line);
    border-radius: var(--soil-radius);
    padding: 26px 24px;
    box-shadow: var(--soil-shadow);
    transition: transform .25s ease, box-shadow .25s ease;
}
.soil-content .card:hover { transform: translateY(-3px); }
.soil-content .card h3 { font-size: 1.05rem; margin: 0 0 .4em; }
.soil-content .card p:last-child { margin-bottom: 0; }
.soil-content .card .ico {
    display: inline-grid; place-items: center;
    width: 44px; height: 44px; margin-bottom: 14px;
    border-radius: 10px; background: var(--soil-brand-tint);
    color: var(--soil-brand); font-weight: 800;
}
.soil-content .card img { border-radius: 10px; }

.soil-content .doclist { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--soil-line); }
.soil-content .doclist li { border-bottom: 1px solid var(--soil-line); }
.soil-content .doclist a {
    display: flex; gap: 12px; align-items: baseline;
    padding: 14px 4px; color: var(--soil-ink); text-decoration: none;
    transition: padding .2s ease, color .2s ease;
}
.soil-content .doclist a:hover { color: var(--soil-brand); padding-left: 10px; }
.soil-content .doclist a::before { content: "▪"; color: var(--soil-accent); }
.soil-content .doclist a > span:first-of-type { flex: 1 1 auto; }
.soil-content .doclist .d { color: var(--soil-muted); font-size: .8rem; white-space: nowrap; }

.soil-content .prose { max-width: 80ch; }
.soil-content .prose ul { padding-left: 1.1em; }
.soil-content .prose li { margin-bottom: .45em; }

.soil-content .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.soil-content .info-list { list-style: none; margin: 0; padding: 0; }
.soil-content .info-list li { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--soil-line); }
.soil-content .info-list .k {
    min-width: 120px; color: var(--soil-muted); font-size: .8rem;
    text-transform: uppercase; letter-spacing: .05em;
}

.soil-content .tag {
    display: inline-block; font-size: .74rem; letter-spacing: .06em; text-transform: uppercase;
    background: var(--soil-accent-soft); color: #7a5f10; padding: 4px 11px; border-radius: 100px; font-weight: 600;
}

.soil-content .notice {
    background: var(--soil-accent-soft); border: 1px solid #e6d49a; border-left: 4px solid var(--soil-accent);
    border-radius: 8px; padding: 18px 22px; color: #6b5310;
}

.soil-content .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.soil-content .gallery .shot {
    margin: 0; overflow: hidden; border-radius: 10px;
    background: var(--soil-brand-tint); aspect-ratio: 4/3;
}
.soil-content .gallery .shot img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.soil-content .gallery .shot:hover img { transform: scale(1.06); }

.soil-content table { width: 100%; border-collapse: collapse; }
.soil-content th, .soil-content td { padding: 10px 12px; border-bottom: 1px solid var(--soil-line); text-align: left; }

/* news bodies */
.soil-news-body p { margin: 0 0 1em; }
.soil-news-body img { max-width: 100%; height: auto; border-radius: 12px; }

@media (max-width: 1080px) {
    .soil-content .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .soil-content .g2,
    .soil-content .g3,
    .soil-content .g4,
    .soil-content .contact-grid { grid-template-columns: 1fr; }
    .soil-content .card[style*="display:flex"] { flex-direction: column; }
    .soil-content .gallery { grid-template-columns: repeat(2, 1fr); gap: 8px; }
}

/* =========================================================
   Background decorations removed (balls, rings, glows, dot grids)
   on request — layout and colors of the template are unchanged.
========================================================= */
.leadership-decoration,
.programs-decoration,
.programs-dots,
.life-decoration,
.life-dots,
.wist-gallery-decoration,
.leadership-team__shape,
.leadership-team__arc,
.leadership-team__dots,
.recognition-section__orb,
.recognition-section__dots,
.wist-events__shape,
.wist-events__dots,
.wist-news__decor-circle,
.wist-decor-circle,
.wist-footer__glow,
.wist-footer__dots,
.wistagraph__shape,
.wistagraph__background-glow,
.canteen-showcase__shape,
.canteen-showcase__orbit,
.canteen-showcase__plate-glow,
.canteen-showcase__visual-ring,
.canteen-schedule__visual-circle,
.facility-canvas__dots,
.uniform-showcase__decor,
.wist-thankyou__glow {
    display: none !important;
}

.life-section::before,
.wist-events::before,
.program-card::before,
.uniform-hero::after,
.uniform-showcase__identity::before,
.canteen-category::after,
.canteen-category-panels::before,
.canteen-explorer::before,
.wist-thankyou__card::before,
.wist-inner-hero::before,
.wist-inner-sidebar__tour::before,
.wist-inner-main__content .wp-block-file::after {
    content: none !important;
    display: none !important;
}

/* =========================================================
   Facility thumbnails: hover lift / scale, active ring and shadow
   were clipped by the scroll container (overflow-y: hidden, no padding).
   Give the strip breathing room (offset by negative margins so the
   layout does not move) and keep the lifted card above its neighbours.
========================================================= */
.facility-canvas__thumbnails {
    padding: 16px 14px 30px;
    margin: -16px -14px -30px;
    scroll-padding-inline: 14px;
}

.facility-thumbnail {
    position: relative;
    z-index: 1;
}

.facility-thumbnail:hover,
.facility-thumbnail:focus-visible,
.facility-thumbnail.is-active {
    z-index: 2;
}

.facility-thumbnail__image {
    isolation: isolate;
}

/* Facility thumbnails: one yellow glow for every thumbnail (no blue/green) */
.facility-thumbnail {
    --facility-color: #EFB126 !important;
}

/* =========================================================
   Headings everywhere: the coloured part of a title (was a
   blue -> purple -> red gradient or a bright blue) is one solid,
   formal dark blue. On photos (hero slider) it is gold.
========================================================= */
.recognition-section__title span,
.leadership-title__gradient,
.leadership-title__dot,
.programs-title span,
.life-title span,
.wist-gallery-title span,
.wist-events__title-gradient,
.wist-news__title span,
.uniform-hero__title span,
.contact-hero__title span,
.uniform-showcase__title span,
.canteen-page-hero__title span {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #1b4f8f !important;
    color: #1b4f8f !important;
}

.hero-slide__gradient {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #EFB126 !important;
    color: #EFB126 !important;
}

/* =========================================================
   Card subtitles (roles, stat labels, small meta) slightly larger
========================================================= */
.leader-card__heading p { font-size: 15px !important; line-height: 1.45; }
.leader-card--featured .leader-card__heading p { font-size: 16px !important; }
.leadership-signature__role { font-size: 15px !important; }
.leadership-statistic__label { font-size: 14px !important; }
.life-stat__label { font-size: 14px !important; }
.program-card__age { font-size: 12.5px !important; }
.program-card__image-label { font-size: 12px !important; }
.recognition-card__details span { font-size: 12px !important; }
.wist-partner-card__subtitle { font-size: 12.5px !important; }
.event-story-card__date small,
.event-story-card__meta { font-size: 12px !important; }
.event-story-card__location-text { font-size: 14px !important; }
.facility-canvas__metric small { font-size: 11px !important; }
.facility-canvas__eyebrow { font-size: 13px !important; }

/* =========================================================
   TATI emblem: soft white glow so it reads on dark backgrounds
========================================================= */
.site-header__brand .soil-brand__emblem,
.wist-footer__logo {
    filter:
        drop-shadow(0 0 1px rgba(255, 255, 255, 0.55))
        drop-shadow(0 0 5px rgba(255, 255, 255, 0.28));
}

/* =========================================================
   Journal (wistagraph) section: own background — institute field
   photo under a deep navy veil with a warm gold light, instead of
   the original WIST starfield / grid.
========================================================= */
.wistagraph {
    background: #061226 !important;
}

.wistagraph__background-image {
    background:
        radial-gradient(ellipse at 50% 38%, rgba(239, 177, 38, 0.16) 0%, transparent 55%),
        linear-gradient(180deg, rgba(6, 18, 38, 0.80) 0%, rgba(7, 27, 61, 0.86) 45%, rgba(4, 12, 26, 0.96) 100%),
        url("../img/soil/journal-bg.jpg") center / cover no-repeat !important;
}

.wistagraph__background-stars,
.wistagraph__background-grid {
    display: none !important;
}

.wistagraph__stage::after {
    background: linear-gradient(180deg, rgba(239, 177, 38, 0.10), rgba(4, 12, 26, 0)) !important;
}