/*
Theme Name: Тендер
Description: Тема для компании, которая готовит заявки на тендеры и госзакупки (44-ФЗ, 223-ФЗ, коммерческие закупки). Список услуг, чек-лист проверки заявки, схема работы, FAQ и форма, куда клиент присылает ссылку на закупку. При активации сама создаёт страницы, меню и демо-контент.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tender
*/

:root{
	--ink:#16202E;
	--paper:#F3F5F8;
	--tint:#E6EBF4;
	--line:#D3D9E4;
	--muted:#546074;
	--brand:#2B3FA0;
	--brand-d:#1D2B78;
	--ok:#1E6B4A;
	--wrap:1180px;
	--f-head:'IBM Plex Serif',Georgia,'Times New Roman',serif;
	--f-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
	--f-mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--f-body)}
img{max-width:100%;height:auto}
a{color:var(--brand);text-underline-offset:.2em}
a:hover{color:var(--brand-d)}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:600;line-height:1.2;color:var(--ink);overflow-wrap:break-word;hyphens:auto}

.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.skip{position:absolute;left:-9999px;top:.5rem;background:#fff;color:var(--ink);padding:.6rem 1rem;z-index:100}
.skip:focus{left:.5rem}

/* Header */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.bar{display:flex;align-items:center;gap:1.5rem;min-height:4.5rem}
.brand{display:flex;align-items:center;gap:.7rem;margin-right:auto;font:600 1.15rem/1.1 var(--f-head);color:var(--ink);text-decoration:none}
.brand__mark{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;background:var(--brand);color:#fff;border-radius:3px;font:600 1.3rem/1 var(--f-head)}
.brand:hover{color:var(--brand)}
.custom-logo{max-height:2.75rem;width:auto}
.nav .menu{display:flex;gap:1.6rem;list-style:none;margin:0;padding:0}
.nav a{color:var(--ink);text-decoration:none;font-weight:500;padding:.4rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav .current-menu-item>a,.nav .current-menu-ancestor>a{border-bottom-color:var(--brand);color:var(--ink)}
.header-phone{font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap}
.header-phone:hover{color:var(--brand)}
.nav-toggle{display:none;align-items:center;background:none;border:1px solid var(--line);border-radius:4px;padding:.55rem .85rem;font:inherit;font-weight:500;color:var(--ink);cursor:pointer}

/* Buttons */
.btn{display:inline-block;padding:.9rem 1.5rem;background:var(--brand);color:#fff;font:600 1rem/1.2 var(--f-body);text-decoration:none;border:2px solid var(--brand);border-radius:4px;cursor:pointer}
.btn:hover{background:var(--brand-d);border-color:var(--brand-d);color:#fff}
.btn--ghost{background:transparent;color:var(--brand)}
.btn--ghost:hover{background:var(--brand);color:#fff}
.btn--sm{padding:.55rem 1rem;font-size:.95rem}

/* Hero with the tender sheet */
.hero{background:var(--tint);border-bottom:1px solid var(--line);padding:clamp(3rem,7vw,6rem) 0}
.hero__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2.5rem,6vw,5rem);align-items:center}
.hero__title{margin:0;max-width:14em;font-size:clamp(1.95rem,4.3vw,3.3rem);line-height:1.12;letter-spacing:-.01em}
.hero__text{max-width:36rem;margin:1.5rem 0 2.25rem;font-size:1.15rem;color:var(--muted)}
.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}
@media (max-width:900px){.hero__in{grid-template-columns:1fr}}

.sheet{position:relative;isolation:isolate;max-width:30rem;margin-inline:auto;padding:1.6rem 1.6rem 4.25rem;background:#fff;border:1px solid var(--line);border-radius:3px;transform:rotate(1deg);box-shadow:0 18px 30px -22px rgba(22,32,46,.5)}
.sheet::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;border:1px solid var(--line);border-radius:3px;transform:rotate(-2.6deg)}
.sheet__label{margin:0 0 .3rem;font-size:.9rem;color:var(--muted)}
.sheet__title{margin:0 0 1.1rem;font-size:1.25rem;line-height:1.3}
.sheet__meta{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.25rem;margin:0 0 1.25rem;padding-bottom:1.1rem;border-bottom:1px dashed var(--line)}
.sheet__meta dt{color:var(--muted)}
.sheet__meta dd{margin:0;font:500 .95rem/1.6 var(--f-mono)}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.checks li{display:flex;gap:.7rem;align-items:flex-start}
.checks li::before{content:"";flex:none;width:1.2rem;height:1.2rem;margin-top:.2rem;border-radius:50%;background:var(--ok) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/72% no-repeat}
.stamp{position:absolute;right:1.4rem;bottom:1.1rem;padding:.35rem .9rem;border:3px double var(--ok);border-radius:4px;color:var(--ok);background:rgba(255,255,255,.7);font:600 1.15rem/1.2 var(--f-head);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-9deg)}

/* Facts band */
.band{background:#fff;border-bottom:1px solid var(--line)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.fact{padding:1.6rem 1.5rem 1.6rem 0}
.fact+.fact{padding-left:1.5rem;border-left:1px solid var(--line)}
.fact__value{font:600 clamp(1.4rem,2.6vw,1.85rem)/1.1 var(--f-head);color:var(--brand)}
.fact__label{margin-top:.4rem;color:var(--muted)}
@media (max-width:700px){
	.fact,.fact+.fact{padding:1.1rem 0;border-left:0}
	.fact+.fact{border-top:1px solid var(--line)}
}

/* Promo banner */
.promo{background:var(--brand);color:#fff;padding:clamp(1.75rem,4vw,2.75rem) 0}
.promo__in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.5rem clamp(1.5rem,4vw,2.75rem);align-items:center}
.promo__zero{padding-right:clamp(1.5rem,4vw,2.75rem);border-right:1px solid rgba(255,255,255,.35);font:600 clamp(3rem,7vw,5rem)/1 var(--f-head)}
.promo__title{margin:0 0 .5rem;color:#fff;font-size:clamp(1.3rem,2.6vw,1.9rem)}
.promo__text{margin:0;max-width:44rem;color:#E3E8FA}
.promo__fine{margin:.6rem 0 0;font-size:.9rem;color:#C9D2F2}
.btn--light{background:#fff;border-color:#fff;color:var(--brand)}
.btn--light:hover{background:transparent;border-color:#fff;color:#fff}
.promo :focus-visible{outline-color:#fff}
@media (max-width:820px){
	.promo__in{grid-template-columns:1fr}
	.promo__zero{padding-right:0;border-right:0}
	.promo__in .btn{justify-self:start}
}

/* Inner page heads */
.page-head{background:var(--brand-d);color:#fff;padding:clamp(2.5rem,6vw,4rem) 0}
.page-head__title{margin:0;max-width:20em;color:#fff;font-size:clamp(1.65rem,3.6vw,2.6rem)}
.page-head__lead{max-width:40rem;margin:1rem 0 0;color:#D6DCF2}
.page-head :focus-visible,.site-footer :focus-visible{outline-color:#fff}

/* Sections */
.section{padding:clamp(3.5rem,8vw,6rem) 0}
.section--white{background:#fff;border-block:1px solid var(--line)}
.section--tint{background:var(--tint);border-top:1px solid var(--line)}
.section__head{max-width:46rem;margin-bottom:2.5rem}
.section__title{margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2.2rem)}
.section__lead{margin:0;color:var(--muted)}
.section__more{margin-top:1.75rem}

/* Services list */
.svc-list{border-bottom:1px solid var(--line)}
.svc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;gap:.75rem 3rem;align-items:baseline;padding:1.6rem 1rem;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.svc:hover{background:#fff;color:var(--ink)}
.svc__title{margin:0;font-size:1.1rem}
.svc:hover .svc__title{color:var(--brand)}
.svc__text{margin:0;color:var(--muted)}
.svc__price{font-weight:600;white-space:nowrap}
@media (max-width:820px){.svc{grid-template-columns:1fr}}

/* Rejection reasons */
.reasons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:2rem 3rem}
.reason{padding-left:1.1rem;border-left:3px solid var(--brand)}
.reason__title{margin:0 0 .35rem;font-size:1.05rem;line-height:1.3}
.reason__text{margin:0;color:var(--muted)}

/* Process */
.steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin:0;padding:0}
.step{counter-increment:step;border-top:3px solid var(--ink);padding-top:1.1rem}
.step::before{content:counter(step);display:block;margin-bottom:1rem;font:600 1.6rem/1 var(--f-head);color:var(--brand)}
.step__title{margin:0 0 .5rem;font-size:1.05rem}
.step__text{margin:0;color:var(--muted)}

/* FAQ */
.faq{max-width:50rem;border-top:1px solid var(--line)}
.faq__item{border-bottom:1px solid var(--line);padding:1.1rem 0}
.faq__item summary{display:flex;justify-content:space-between;gap:1rem;font-weight:600;cursor:pointer;list-style:none}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";flex:none;font-size:1.5rem;line-height:1;color:var(--brand)}
.faq__item[open] summary::after{content:"\2212"}
.faq__item p{max-width:44rem;margin:.75rem 0 0;color:var(--muted)}

/* Contact block and form */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,5rem);align-items:start}
@media (max-width:860px){.contact{grid-template-columns:1fr}}
.contact__list{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1.1rem}
.contact__label{display:block;font-size:.9rem;color:var(--muted)}
.contact__list a{color:var(--ink);font-weight:600;text-decoration:none}
.contact__list a:hover{color:var(--brand)}
.panel{background:#fff;border:1px solid var(--line);border-radius:4px;padding:clamp(1.25rem,3vw,2.25rem)}
.field{display:grid;gap:.35rem;margin-bottom:1.1rem}
.field label{font-weight:500}
.field input,.field textarea{width:100%;padding:.75rem .85rem;font:inherit;color:var(--ink);background:#fff;border:1px solid #8A97AE;border-radius:4px}
.field textarea{min-height:7.5rem;resize:vertical}
.field--check{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem;color:var(--muted)}
.field--check input{flex:none;width:1.15rem;height:1.15rem;margin-top:.2rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.notice{margin:0 0 1.25rem;padding:.9rem 1rem;border:1px solid;border-radius:4px}
.notice--ok{background:#E6F4EA;border-color:#9BCBA8;color:#14502B}
.notice--err{background:#FCE9E4;border-color:#E3A99A;color:#7A2410}

/* Price table */
.price-table-wrap{overflow-x:auto;margin:1.5rem 0}
.price-table{width:100%;min-width:32rem;border-collapse:collapse;background:#fff;border:1px solid var(--line)}
.price-table th,.price-table td{padding:.9rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.price-table thead th{background:var(--tint);font-weight:600}
.price-table tbody th{font-weight:500}
.price-table__price{font-weight:600;white-space:nowrap}
.price-table__note{display:block;min-width:15rem;margin-top:.35rem;font-size:.9rem;font-weight:400;color:var(--muted);white-space:normal}

/* Content */
.prose{max-width:46rem}
.prose>*:first-child{margin-top:0}
.prose h2{margin:2.2rem 0 .8rem;font-size:1.5rem}
.prose h3{margin:1.8rem 0 .6rem;font-size:1.15rem}
.prose ul,.prose ol{padding-left:1.25rem}
.prose li{margin-bottom:.35rem}
.split{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:clamp(2rem,5vw,4rem);align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.aside{background:#fff;border:1px solid var(--line);border-radius:4px;padding:1.5rem}
.aside__label{margin:0;font-size:.9rem;color:var(--muted)}
.aside__note{margin:0 0 1.25rem;padding:.75rem .9rem;background:#E6F4EA;border:1px solid #9BCBA8;border-radius:4px;color:#14502B;font-size:.95rem}
.aside__value{margin:.25rem 0 1.25rem;font:600 1.15rem/1.3 var(--f-head)}

.post-row{display:block;padding:1.5rem 1rem;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.post-row:hover{background:#fff;color:var(--ink)}
.post-row__date{font-size:.9rem;color:var(--muted)}
.post-row__title{margin:.25rem 0 .5rem;font-size:1.2rem}
.post-row:hover .post-row__title{color:var(--brand)}
.post-row__text{margin:0;color:var(--muted)}
.post-list{border-bottom:1px solid var(--line)}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.pagination .page-numbers{padding:.5rem .9rem;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;border-radius:4px}
.pagination .current{background:var(--ink);border-color:var(--ink);color:#fff}
.post-thumb{margin:0 0 2rem}

.alignleft{float:left;margin:0 1.5rem 1rem 0}
.alignright{float:right;margin:0 0 1rem 1.5rem}
.aligncenter{display:block;margin-inline:auto}

/* Footer */
.site-footer{background:#101826;color:#BFC8DA;padding:3.5rem 0 1.5rem}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr}}
.footer-title{margin:0 0 1rem;font:600 1.05rem/1.2 var(--f-head);color:#fff}
.footer-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.footer-req{font-size:.9rem;color:#98A4BC}
.footer-note{margin:2.5rem 0 0;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.15);font-size:.9rem;color:#98A4BC}

/* Mobile nav */
@media (max-width:900px){
	.nav-toggle{display:inline-flex}
	.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:.75rem 1.25rem 1rem}
	.nav.is-open{display:block}
	.nav .menu{flex-direction:column;gap:0}
	.nav a{display:block;padding:.7rem 0;border-bottom:0}
}
@media (max-width:700px){.header-cta{display:none}}
@media (max-width:560px){.header-phone{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}