/*
Theme Name: Протракс
Theme URI: https://protrax.pro
Author: Протракс
Description: Лека тема за каталог на строителна техника, с вградени SEO и AI оптимизации (мета тагове, структурирани данни, llms.txt, карта на сайта).
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: protrax
*/

/* ---------- шрифтове (локални) ---------- */
@font-face{font-family:"Tektur";font-weight:600;font-style:normal;font-display:swap;src:url(assets/fonts/tektur-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Tektur";font-weight:600;font-style:normal;font-display:swap;src:url(assets/fonts/tektur-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Onest";font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/onest-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/onest-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Onest";font-weight:600;font-style:normal;font-display:swap;src:url(assets/fonts/onest-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-weight:600;font-style:normal;font-display:swap;src:url(assets/fonts/onest-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}

/* ---------- основа ---------- */
:root{
	--ink:#1f1d1e; --steel:#2e3135; --yellow:#ffc20e; --yellow-d:#e6ac00;
	--paper:#f3f4f5; --line:#d6d9dd; --muted:#565c63; --white:#fff;
	--display:"Tektur","Bahnschrift","Arial Narrow",system-ui,sans-serif;
	--body:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--wrap:1240px; --gap:24px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 1.0625rem/1.65 var(--body);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{color:#000}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;box-shadow:0 0 0 5px var(--ink)}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.15;margin:0 0 .6em;letter-spacing:.005em}
h1{font-size:clamp(2rem,4.6vw,3.4rem)}
h2{font-size:clamp(1.5rem,2.8vw,2.1rem)}
h3,.h3{font-size:1.2rem}
p{margin:0 0 1em}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gap)}
.narrow{max-width:860px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--yellow);color:var(--ink);padding:.7rem 1rem;z-index:100}
.skip:focus{left:0}
main{min-height:60vh}

/* ---------- бутони ---------- */
.btn{display:inline-block;font:600 1rem/1 var(--body);padding:1rem 1.6rem;background:var(--yellow);color:var(--ink);border:2px solid var(--yellow);text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn:hover{background:var(--yellow-d);border-color:var(--yellow-d);color:var(--ink)}
.btn.ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.55)}
.btn.ghost:hover{background:var(--white);color:var(--ink);border-color:var(--white)}
.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--white)}
.btn.dark:hover{background:var(--steel);border-color:var(--steel);color:var(--white)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:1.6rem 0 0}

/* ---------- горна лента и хедър ---------- */
.topbar{background:var(--ink);color:#d9dcdf;font-size:.9rem}
.topbar .wrap{display:flex;justify-content:flex-end;gap:28px;padding-block:.45rem}
.topbar a{text-decoration:none}
.topbar a:hover{color:var(--yellow)}
.site-header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--line)}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.brand img{width:180px;height:auto}
.site-nav .menu{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.site-nav a{display:block;padding:1.55rem .62rem;font:600 .92rem/1.2 var(--body);text-decoration:none;position:relative;white-space:nowrap}
.site-header .wrap{max-width:1360px}
.site-nav .menu>li{position:relative}
.site-nav .menu>li>a::after{content:"";position:absolute;left:.62rem;right:.62rem;bottom:.9rem;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.site-nav .menu>li:hover>a::after,.site-nav .menu>li.is-current>a::after,.site-nav .menu>li:focus-within>a::after{transform:scaleX(1)}
.sub-toggle{display:none}
.sub-menu{list-style:none;margin:0;padding:0}

@media (min-width:1181px){
	.sub-menu.level-1{position:absolute;left:0;top:100%;min-width:260px;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--yellow);box-shadow:0 18px 40px -18px rgba(0,0,0,.35);padding:.5rem 0;display:none}
	.has-children:hover>.sub-menu.level-1,.has-children:focus-within>.sub-menu.level-1,.has-children.open>.sub-menu.level-1{display:block}
	.sub-menu a{padding:.55rem 1.1rem;font-weight:400}
	.sub-menu a:hover{background:var(--paper)}
	.is-mega{position:static!important}
	.is-mega>.sub-menu.level-1{left:var(--gap);right:var(--gap);margin-inline:auto;max-width:calc(var(--wrap) - 2*var(--gap));display:none;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.5rem 1.5rem;padding:1.4rem 1.4rem 1.6rem}
	.site-header .bar{position:relative}
	.is-mega:hover>.sub-menu.level-1,.is-mega:focus-within>.sub-menu.level-1,.is-mega.open>.sub-menu.level-1{display:grid}
	.is-mega>.sub-menu>li>a{font-weight:600;border-bottom:1px solid var(--line);padding-inline:0;margin-bottom:.3rem}
	.is-mega>.sub-menu>li>a:hover{background:none;color:#000;box-shadow:inset 0 -3px 0 var(--yellow)}
	.is-mega .sub-menu.level-2 a{padding:.3rem 0;font-size:.95rem}
	.is-mega .sub-menu.level-2 a:hover{background:none;text-decoration:underline}
	.is-mega .sub-menu.level-2 .sub-menu{margin-left:.9rem}
}
.nav-toggle{display:none}
@media (max-width:1180px){
	.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:var(--ink);border:0;cursor:pointer}
	.nav-toggle .bars,.nav-toggle .bars::before,.nav-toggle .bars::after{display:block;width:22px;height:2px;background:var(--white);content:"";position:relative}
	.nav-toggle .bars::before{position:absolute;top:-7px}
	.nav-toggle .bars::after{position:absolute;top:7px}
	.site-nav{position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:1px solid var(--line);max-height:calc(100vh - 76px);overflow:auto;display:none}
	.nav-open .site-nav{display:block}
	.site-nav .menu{flex-direction:column;gap:0;padding:.5rem var(--gap) 1rem}
	.site-nav a{padding:.85rem 0;white-space:normal}
	.site-nav .menu>li>a::after{display:none}
	.site-nav li{border-bottom:1px solid var(--line);position:relative}
	.sub-toggle{display:block;position:absolute;right:0;top:.25rem;width:44px;height:44px;background:none;border:0;cursor:pointer}
	.sub-toggle span{display:block;width:10px;height:10px;margin:auto;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform .15s}
	.sub-toggle[aria-expanded="true"] span{transform:rotate(-135deg)}
	.sub-menu{display:none;padding-left:1rem}
	.open>.sub-menu{display:block}
	.sub-menu a{font-weight:400;padding:.6rem 0}
	.site-header{position:relative}
	.topbar{display:none}
}

/* ---------- начална страница: hero ---------- */
.hero{background:var(--ink);color:var(--white);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:32px;min-height:560px;padding-block:56px}
.hero h1{max-width:15ch;margin-bottom:.5em}
.hero .lead{max-width:48ch;color:#d3d6da;font-size:1.2rem}
.hero-art{width:min(112%,780px);justify-self:end;margin-right:-6%}
@media (max-width:860px){
	.hero-grid{grid-template-columns:1fr;min-height:0;padding-block:44px 0}
	.hero-art{width:112%;margin:16px -6% 0 -6%;justify-self:center}
}

/* ---------- секции ---------- */
.section{padding-block:72px}
.section.alt{background:var(--paper)}
.section-title{margin-bottom:1.2em;max-width:26ch}
.more{margin-top:2rem}
.grid{display:grid;gap:var(--gap)}
.grid.cats{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.grid.products{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.grid.three{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.grid.four{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.why h3{border-top:4px solid var(--yellow);padding-top:1rem}
.why p{color:var(--muted)}

/* ---------- карти ---------- */
.card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);text-decoration:none;color:inherit;position:relative;transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--ink)}
.card-media{display:block;aspect-ratio:4/3;background:var(--paper);overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-media img.ph{object-fit:contain;padding:14%}
.card-body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem}
.card-body h3,.card-body .h3{margin:0;font-size:1.15rem}
.card-body h3 a{text-decoration:none}
.card-body h3 a::after{content:"";position:absolute;inset:0}
.cat-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.cat-card:hover::after{transform:scaleX(1)}
.count{font-size:.9rem;color:var(--muted)}
.mini-specs{margin:.4rem 0 0;display:grid;gap:.15rem;font-size:.9rem}
.mini-specs div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:.25rem}
.mini-specs dt{color:var(--muted)}
.mini-specs dd{margin:0;font-weight:600;text-align:right}
.post-card time{font-size:.88rem;color:var(--muted)}
.post-card p{margin:0;color:var(--muted);font-size:.97rem}

/* ---------- вътрешни страници ---------- */
.page-head{padding-block:28px 8px}
.page-head h1{margin-bottom:.35em}
.page-head .lead,.lead{font-size:1.2rem;color:var(--steel);max-width:62ch}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem .6rem;margin:0 0 1rem;padding:0;font-size:.9rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:.6rem;color:#9aa0a6}
.crumbs a{color:var(--muted)}
.listing{padding-block:8px 72px}
.block{margin-top:44px}
.empty{padding:2rem;background:var(--paper);border-left:4px solid var(--yellow)}

.product{padding-bottom:72px}
.product-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.product-media{background:var(--paper);border:1px solid var(--line)}
.product-media img{width:100%;height:auto}
.product-media img.ph{padding:12%}
.kicker{margin:0 0 .4rem;font-size:.95rem}
.kicker a{color:var(--muted)}
.key-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:1.4rem 0 0}
.key-specs div{border-top:3px solid var(--yellow);background:var(--paper);padding:.7rem .9rem}
.key-specs dt{font-size:.85rem;color:var(--muted)}
.key-specs dd{margin:0;font:600 1.1rem/1.3 var(--display)}
.table-wrap{overflow-x:auto}
table.specs{border-collapse:collapse;width:100%;max-width:820px}
table.specs th,table.specs td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--line);vertical-align:top}
table.specs th{width:46%;font-weight:600;background:var(--paper)}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.ticks li{padding-left:1.7rem;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:.62em;width:.9rem;height:.5rem;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg) translateY(-50%);}
@media (max-width:860px){.product-top{grid-template-columns:1fr}}

.prose{padding-bottom:72px}
.prose h2{margin-top:1.6em}
.prose img{height:auto}
.meta{color:var(--muted)}

.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font:600 1.08rem/1.4 var(--body);padding:1rem 2rem 1rem 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.2rem;top:.7rem;font:600 1.5rem/1 var(--display)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 1.2rem;color:var(--steel);max-width:70ch}

.cta{background:var(--yellow);color:var(--ink);padding-block:64px}
.cta h2{max-width:22ch}
.cta .btn{background:var(--ink);border-color:var(--ink);color:var(--white)}
.cta .btn:hover{background:var(--steel);border-color:var(--steel)}
.cta .btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.cta .btn.ghost:hover{background:var(--ink);color:var(--white)}

/* ---------- контакти и форми ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:16px 72px}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}
address{font-style:normal;line-height:1.8}
.contact-form p{margin:0 0 1rem}
.contact-form label{display:block;font-weight:600;margin-bottom:.3rem}
input[type=text],input[type=email],input[type=tel],input[type=search],textarea{width:100%;font:inherit;padding:.8rem .9rem;border:1px solid #9aa0a6;background:var(--white);border-radius:0}
input:focus,textarea:focus{border-color:var(--ink)}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.consent{font-size:.9rem;color:var(--muted)}
.prose table{border-collapse:collapse;width:100%;margin:1rem 0}
.prose th,.prose td{border:1px solid var(--line);padding:.6rem .8rem;text-align:left;vertical-align:top}
.prose th{background:var(--paper)}
.notice{padding:.9rem 1.1rem;border-left:4px solid var(--yellow);background:var(--paper)}
.notice.ok{border-color:#2e7d32}
.notice.err{border-color:#c62828}
.search-form{display:flex;gap:8px;max-width:560px;margin-top:1rem}
.search-form input{flex:1}

.pagination{margin-top:2.5rem}
.nav-links{display:flex;gap:6px;flex-wrap:wrap}
.page-numbers{padding:.55rem .9rem;border:1px solid var(--line);text-decoration:none}
.page-numbers.current{background:var(--ink);color:var(--white);border-color:var(--ink)}

/* ---------- футър ---------- */
.site-footer{background:var(--ink);color:#c9cdd1;padding-top:56px;font-size:.98rem}
.site-footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:40px}
.site-footer h2{font-size:1.05rem;color:var(--white);margin-bottom:1rem}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.site-footer a{text-decoration:none}
.site-footer a:hover{color:var(--yellow);text-decoration:underline}
.site-footer .about{margin-top:1rem;max-width:34ch;color:#aeb3b8}
.site-footer .social{display:flex;gap:16px;margin-top:1rem}
.site-footer .legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #3a3d41;padding-block:20px;font-size:.88rem;color:#9aa0a6}
@media (max-width:900px){.site-footer .cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.site-footer .cols{grid-template-columns:1fr}}

/* ---------- съгласие за бисквитки ---------- */
.consent-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--ink);color:#e6e8ea;padding:16px var(--gap);display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:center;border-top:3px solid var(--yellow)}
.consent-bar[hidden]{display:none}
.consent-bar p{margin:0;max-width:760px;font-size:.95rem;line-height:1.5}
.consent-bar a{color:var(--yellow)}
.consent-actions{display:flex;gap:12px}
.consent-bar .btn{padding:.8rem 1.4rem;background:var(--white);border-color:var(--white);color:var(--ink)}
.consent-bar .btn:hover{background:var(--yellow);border-color:var(--yellow)}
.linklike{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
.linklike:hover{color:var(--yellow)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.topbar,.site-footer,.cta,.actions{display:none}}