/*
Theme Name: kupituk
Theme URI: https://kupituk.com
Description: Лека тема за kupituk.com – наръчник за покупки. Работи с плъгина „kupituk.com – основни функции“.
Version: 1.0.0
Author: kupituk.com
Text Domain: kupituk
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{
  --bg:#f7f8fa; --paper:#ffffff; --ink:#152033; --muted:#5a6578; --line:#e1e5ec;
  --brand:#1f3a68; --cta:#e8590c; --cta-ink:#ffffff; --chip:#e8eef8;
  --f-display:"Unbounded","Golos Text",system-ui,sans-serif;
  --f-body:"Golos Text",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1120px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--f-body)}
img{max-width:100%;height:auto}
a{color:var(--brand)}
h1,h2,h3{text-wrap:balance}
h1{font:700 clamp(26px,4.6vw,40px)/1.15 var(--f-display);letter-spacing:-.02em;margin:0}
h2{font:700 clamp(20px,3vw,24px)/1.25 var(--f-display);letter-spacing:-.01em;margin:0}
h3{font:600 18px/1.35 var(--f-body);margin:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;z-index:99;background:var(--paper);padding:8px 12px;border-radius:6px}
:focus-visible{outline:3px solid var(--cta);outline-offset:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* Шапка */
.site-head{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.site-head .wrap{display:flex;align-items:center;gap:16px;min-height:64px}
.logo{font:700 22px/1 var(--f-display);color:var(--ink);text-decoration:none;letter-spacing:-.02em;white-space:nowrap}
.logo span{color:var(--cta)}
.main-nav{flex:1;min-width:0}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px 16px;flex-wrap:wrap}
.main-nav a{color:var(--muted);text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
.main-nav a:hover,.main-nav .current a{color:var(--ink)}
.head-search{display:flex}
.head-search input{width:180px;border:1px solid var(--line);border-radius:8px 0 0 8px;padding:8px 10px;font:inherit;font-size:14px;background:var(--bg);color:var(--ink)}
.head-search button,.search-big button{border:0;background:var(--brand);color:#fff;border-radius:0 8px 8px 0;padding:0 12px;cursor:pointer;font:600 14px var(--f-body)}
.nav-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:600 14px var(--f-body);color:var(--ink);cursor:pointer}
@media (max-width:1000px){
  .site-head .wrap{flex-wrap:wrap;padding-block:10px}
  .nav-toggle{display:block}
  .main-nav,.head-search{display:none;flex-basis:100%}
  .site-head.open .main-nav,.site-head.open .head-search{display:block}
  .main-nav ul{flex-direction:column;gap:0}
  .main-nav a{display:block;padding:10px 0;border-top:1px solid var(--line);font-size:16px}
  .head-search{padding-bottom:10px}.site-head.open .head-search{display:flex}
  .head-search input{flex:1;width:auto}
}

/* Основна част */
.site-main{padding-block:28px 56px}
.site-main .ku-main,.site-main > .ku-article{max-width:980px;margin:0 auto}
.page-head{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;max-width:760px}
.page-head p{color:var(--muted);margin:0}
.crumbs{font-size:14px;color:var(--muted)}.crumbs a{color:var(--muted)}

/* Карти */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s}
.card:hover{box-shadow:0 6px 20px rgba(21,32,51,.08)}
.card-img{aspect-ratio:16/10;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}
.card-img img{max-height:150px;width:auto;object-fit:contain}
.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--brand);text-decoration:underline}
.card p{margin:0;font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-meta{font-size:12px;color:var(--muted);margin-top:auto}
.chip{display:inline-block;align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brand);background:var(--chip);border-radius:4px;padding:3px 8px;text-decoration:none}
.list-links{list-style:none;margin:0;padding:0;columns:2 280px;column-gap:24px}
.list-links li{break-inside:avoid;padding:6px 0;border-bottom:1px solid var(--line)}
.list-links a{text-decoration:none}.list-links a:hover{text-decoration:underline}

/* Начало */
.hero{background:var(--paper);border-bottom:1px solid var(--line)}
.hero .wrap{padding-block:44px 40px;display:flex;flex-direction:column;gap:14px;max-width:820px;margin-left:auto;margin-right:auto;text-align:center;align-items:center}
.hero p{color:var(--muted);font-size:18px;margin:0;max-width:640px}
.search-big{display:flex;width:100%;max-width:560px;margin-top:8px}
.search-big input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px 0 0 10px;padding:14px 16px;font:inherit;background:var(--bg);color:var(--ink)}
.search-big button{border-radius:0 10px 10px 0;padding:0 20px;font-size:15px;background:var(--cta)}
.trust{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:center;font-size:14px;color:var(--muted)}
.trust a{color:var(--muted)}
.block{margin-top:40px;display:flex;flex-direction:column;gap:16px}
.block-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.block-head a{font-weight:600;text-decoration:none}
.hubs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:900px){.hubs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:380px){.hubs{grid-template-columns:1fr}}
.hub{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:4px}
.hub:hover{border-color:var(--brand)}
.hub b{font:700 16px/1.2 var(--f-display)}
.hub span{font-size:13px;color:var(--muted)}

/* Страници без шаблона на статия */
.prose{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;max-width:760px}
.prose h2{margin:24px 0 8px}.prose p,.prose ul{margin:0 0 12px}
.author-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:28px;max-width:760px}
.author-head .ava{width:72px;height:72px;border-radius:50%;background:var(--brand);color:#fff;font:700 24px/72px var(--f-display);text-align:center;flex:none}
.author-head p{margin:6px 0 0;color:var(--muted)}

.pager{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.pager .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);text-decoration:none}
.pager .current{background:var(--brand);color:#fff;border-color:var(--brand)}

/* Долна част */
.site-foot{background:var(--paper);border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.site-foot .wrap{padding-block:32px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.site-foot h2{font:600 13px/1 var(--f-body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin:0 0 10px}
.site-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.site-foot a{color:var(--muted)}
.site-foot .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}
@media (max-width:720px){.site-foot .wrap{grid-template-columns:1fr 1fr}.site-foot .about{grid-column:1/-1}}

/* Таблици на телефон: всеки ред става карта, без хоризонтално превъртане */
@media (max-width:640px){
  .ku-article .ku-table-wrap{overflow:visible;border:0;background:none;border-radius:0}
  .ku-article .ku-table{min-width:0;width:100%;display:block;font-size:15px}
  .ku-article .ku-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ku-article .ku-table tbody,.ku-article .ku-table tr,.ku-article .ku-table td{display:block;width:100%}
  .ku-article .ku-table tr{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:4px 14px;margin:0 0 12px}
  .ku-article .ku-table td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);text-align:right}
  .ku-article .ku-table tr:last-child td{border-bottom:1px solid var(--line)}
  .ku-article .ku-table tr td:last-child{border-bottom:0}
  .ku-article .ku-table td::before{content:attr(data-label);font-size:13px;font-weight:600;color:var(--muted);text-align:left;flex:none;max-width:50%}
  .ku-article .ku-table td:first-child{display:block;text-align:left;font-size:16px;padding-top:10px}
  .ku-article .ku-table td:first-child::before{content:none}
  .ku-article .ku-table td:has(.ku-btn){display:block;padding:10px 0 12px}
  .ku-article .ku-table td:has(.ku-btn)::before{content:none}
  .ku-article .ku-table .ku-btn-sm{display:block;text-align:center;padding:11px 12px;font-size:15px}
}

/* Сравнение „А или Б“ на телефон: двете страни една под друга */
@media (max-width:640px){
  .ku-article .ku-vs{grid-template-columns:1fr}
  .ku-article .ku-vs-mid{text-align:center}
}