/* ===== Blog /pochitat/ 2026 (22.10.2026). Style of the shop redesign (header_2026.css).
   Loaded only on articles.php / pochitat.php (see header.php). CSS only: markup, URLs and schema.org untouched.
   Rollback: delete this file (header.php checks file_exists). ===== */

/* --- common: breadcrumbs --- */
body .breadcrumbs-article{margin:0 0 14px;padding:9px 16px;border:1px solid #e3e8d8!important;border-radius:12px;background:#fff!important;color:#8a8f80;text-shadow:none!important}
body .breadcrumbs-article li{margin:0!important;font:400 13px/20px Tahoma,Verdana,sans-serif!important;color:#8a8f80}
body .breadcrumbs-article li:after{content:"\f105";margin:0 9px;font:400 13px/1 FontAwesome;color:#b9c0a8;text-shadow:none}
body .breadcrumbs-article a{color:#5c791e!important;text-decoration:none!important;border-bottom:1px solid rgba(92,121,30,.25);text-shadow:none!important}
body .breadcrumbs-article a:hover{color:#f47422!important;border-bottom-color:transparent}
body .breadcrumbs-article em{font-style:normal}
body .breadcrumbs-article li.active{width:auto;max-width:420px;vertical-align:top;color:#555}

/* --- section headers on blog pages: same green bar as the shop, rounded --- */
body #right div.page_title h2,body .title-h1{font:700 16px/22px Tahoma,Verdana,sans-serif;color:#fff;margin:0}
body .comments .title-h1,body .title-h1 + .pickbox{margin-top:0}
body .title-h1 + .pickbox{border-top:0;border-radius:0 0 12px 12px}

/* --- list of articles (category page, fresh articles) --- */
body .articles-pz{margin:0 0 16px;padding:0;border:1px solid #e3e8d8;border-radius:12px;background:#fff;overflow:hidden}
body .articles-pz li{min-height:0;padding:18px 20px 18px 176px;border-top:1px solid #eef1e8;font:400 14px/21px Tahoma,Verdana,sans-serif;color:#555}
body .articles-pz li:first-child{border-top:0}
body .articles-pz .articles-pz-img{left:20px;top:18px;width:140px;height:96px;border-radius:10px;background-color:#eef1e6;background-size:cover}
body .articles-pz .articles-pz-title{margin-bottom:6px;font:700 17px/23px Tahoma,Verdana,sans-serif}
body .articles-pz .articles-pz-title a{color:#2e3328!important;text-decoration:none!important;border:0}
body .articles-pz .articles-pz-title a:hover{color:#f47422!important}
body .articles-pz small{position:static;margin-top:10px;text-align:left;font-size:12px;color:#8a8f80}
body .articles-pz small .fa{margin-left:14px;color:#9bb86a}
body .articles-pz small .fa:first-child{margin-left:0}
body .articles-pz li:hover{background:#fafcf6}
body #right .page_title + .articles-pz{border-top:0;border-radius:0 0 12px 12px}

/* --- index: categories as chips --- */
body #right .page_title + .pickbox .nav-pills{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
body #right .page_title + .pickbox .nav-pills:before,body #right .page_title + .pickbox .nav-pills:after{display:none}
body #right .pickbox .nav-pills li{float:none;margin:0!important;padding:0}
body #right .pickbox .nav-pills a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 8px 0 14px;line-height:18px!important;border:1px solid #d6e2bf;border-radius:20px;background:#f5f8ee;color:#3f5a12!important;font:700 13px/18px Tahoma,Verdana,sans-serif;text-decoration:none!important}
body #right .pickbox .nav-pills a em{display:block;font-style:normal;line-height:18px;border:0!important;text-decoration:none!important}
body #right .pickbox .nav-pills a:hover{border-color:#f47422;background:#fff;color:#f47422!important}
body #right .pickbox .nav-pills .badge{position:static;top:auto;display:block;margin:0;padding:3px 7px;vertical-align:middle;border-radius:10px;background:#7aa02b;color:#fff;font:700 11px/14px Tahoma,Verdana,sans-serif}
body #right .pickbox .nav-pills a:hover .badge{background:#f47422}

/* --- index: popular articles as photo tiles with title at the bottom --- */
body .articles-pz-popular.popular-big{margin:0 0 16px;padding:14px;border:1px solid #e3e8d8;border-top:0;border-radius:0 0 12px 12px;background:#fff}
body .articles-pz-popular.popular-big .articles-pz{margin:0;padding:0;border:0;border-radius:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;background:transparent}
body .articles-pz-popular.popular-big .articles-pz li{float:none;width:auto;padding:0;border:0;min-height:0}
body .articles-pz-popular.popular-big .articles-pz li:hover{background:transparent}
body .articles-pz-popular.popular-big .articles-pz a{position:relative;display:block;height:220px;border-radius:12px;background-size:cover;background-position:50% 50%;overflow:hidden}
body .articles-pz-popular.popular-big .articles-pz a:before{content:"";position:absolute;left:0;right:0;bottom:0;height:75%;background:linear-gradient(180deg,rgba(30,34,24,0) 0%,rgba(30,34,24,.85) 100%);z-index:11;transition:height .2s}
body .articles-pz-popular.popular-big .articles-pz a:hover:before{height:100%}
body .articles-pz-popular.popular-big .articles-pz a .articles-pz-cell{position:absolute;left:0;right:0;bottom:0;display:block;width:auto;height:auto;padding:0 18px 16px;text-align:left}
body .articles-pz-popular.popular-big .articles-pz a .articles-pz-title{display:block;padding:0;margin:0;background:none!important;box-shadow:none!important;text-align:left;color:#fff;font:700 18px/24px Tahoma,Verdana,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.4);border:0}

body .articles-pz-popular.popular-big .articles-pz a small{display:none}

/* --- pagination --- */
body .pages_new{margin:4px 0 20px}
body .pages_new li{margin:0 3px 6px}
body .pages_new a,body .pages_new span{min-width:36px;height:36px;padding:0 10px;border:1px solid #e3e8d8;border-radius:10px;background:#fff;color:#3f5a12!important;font:700 13px/34px Tahoma,Verdana,sans-serif!important}
body .pages_new li > span{border-color:transparent;background:transparent;color:#8a8f80!important}
body .pages_new a:hover{border-color:#f47422;color:#f47422!important}
body .pages_new .active span{border-color:#5c791e;background:#5c791e!important;color:#fff!important}

/* --- article page --- */
body #thumbs.article{background:transparent}
body #thumbs.article > .pickbox{padding:28px 32px 30px;border:1px solid #e3e8d8;border-radius:12px;background:#fff}
body .article-pz{max-width:760px;font-family:Tahoma,Verdana,sans-serif;color:#2e3328}
body #thumbs .pickbox .article-pz h1,body #thumbs.article .article-pz h1{display:block;margin:0 0 18px!important;padding:0!important;border:0!important;border-radius:0;background:none!important;color:#2e3328!important;font:700 28px/36px Tahoma,Verdana,sans-serif!important;text-shadow:none!important}
body .article-pz p{margin:0 0 16px!important;font-size:16px!important;line-height:1.65!important;color:#333}
body .article-pz a{color:#5c791e;text-decoration:none;border-bottom:1px solid rgba(92,121,30,.35)}
body .article-pz a:hover{color:#f47422;border-bottom-color:transparent}
body .article-pz h2,body .article-pz h3,body .article-pz h4,body .article-pz h5{padding-top:0!important;border-top:0!important}
body .article-pz h2{margin:32px 0 14px!important;color:#3f5a12!important;font:700 22px/29px Tahoma,Verdana,sans-serif!important}
body .article-pz h3{margin:24px 0 12px!important;color:#2e3328!important;font:700 18px/25px Tahoma,Verdana,sans-serif!important}
body .article-pz h4{margin:20px 0 10px!important;font:700 16px/22px Tahoma,Verdana,sans-serif!important}

/* lists: green markers instead of table-like rows */
body .article-pz ol,body .article-pz ul{margin:0 0 18px!important;padding:0!important}
body .article-pz ol li,body .article-pz ul li{padding:4px 0 4px 26px!important;border-top:0!important;background:transparent!important;font-size:16px!important;line-height:1.6!important;color:#333}
body .article-pz ul > li:before{content:"";top:14px;left:6px;width:8px;height:8px;border-radius:50%;background:#7aa02b}
body .article-pz ul li li:before{background:#fff;border:2px solid #9bb86a;top:13px}
body .article-pz ol > li{padding-left:36px!important}
body .article-pz ol > li:before{top:5px;left:0;width:24px;height:24px;border-radius:50%;background:#eef4e0;color:#3f5a12;text-align:center;font:700 13px/24px Tahoma,Verdana,sans-serif!important}

/* images */
body .article-pz .article-pz-img{margin:6px 0 22px!important;text-align:center}
body .article-pz .article-pz-img a{border:0}
body .article-pz .article-pz-img img{padding:0;border:0;border-radius:12px}
body .article-pz .article-pz-img:after{margin-top:8px;font:italic 13px/18px Tahoma,Verdana,sans-serif;color:#8a8f80}
body .article-pz .embed-responsive{border-radius:12px;margin-bottom:22px}

/* quote: soft green card */
body .article-pz blockquote{margin:6px 0 22px!important;padding:18px 22px 18px 58px!important;border:0;border-left:4px solid #7aa02b;border-radius:0 12px 12px 0;background:#f5f8ee!important;text-align:left}
body .article-pz blockquote:before{content:"\f10d";display:block;position:absolute;left:20px;top:18px;font:normal 22px/1 FontAwesome;color:#9bb86a}
body .article-pz blockquote p{display:block;margin:0 0 8px!important;background:none!important;box-shadow:none!important;font-size:17px!important;line-height:1.55!important;font-style:italic;color:#3f5a12}
body .article-pz blockquote p:last-child{margin-bottom:0!important}
body .article-pz blockquote p:before,body .article-pz blockquote p:after{display:none}

/* table of contents */
body .contents{width:280px;margin:0 0 16px 24px;border:1px solid #e3e8d8;border-radius:12px;background:#f8faf3;box-shadow:none;overflow:hidden}
body .contents .panel-heading{padding:11px 16px;border:0;background:#eef4e0!important;color:#3f5a12;font:700 14px/20px Tahoma,Verdana,sans-serif}
body .contents .panel-body{padding:10px 16px 12px}
body .contents .panel-body li{padding:4px 0 4px 14px!important}
body .contents .panel-body li:before{content:"";top:12px;width:5px;height:5px;border-radius:50%;background:#7aa02b}
body .contents .panel-body ul ul{margin:2px 0 0!important}
body .contents .panel-body ul ul li:before{background:#c5d4a6}
body .contents .panel-body ul a{font:400 13px/18px Tahoma,Verdana,sans-serif;color:#3f5a12;border-bottom:0}
body .contents .panel-body ul ul a{color:#666}
body .contents .panel-body ul a:hover{color:#f47422!important}

/* FAQ blocks (Question/Answer microdata) */
body .faq{margin:0 0 12px;border:1px solid #e3e8d8;border-radius:12px;background:#fff;overflow:hidden}
body .faq .faq-question{padding:14px 18px 10px;border:0;border-radius:0;background:#f5f8ee;color:#2e3328;text-shadow:none;font:700 16px/22px Tahoma,Verdana,sans-serif}
body .faq .faq-question:before{color:#7aa02b;margin-right:10px}
body .faq .faq-answer{padding:12px 18px 14px;border:0;border-radius:0}
body .faq .faq-answer p{margin-bottom:0!important}

/* author / date / rating */
body .article-bloc-author{margin:-1px 0 20px;padding:14px 20px;border:1px solid #e3e8d8;border-radius:12px;background:#fff;color:#8a8f80;font:400 13px/20px Tahoma,Verdana,sans-serif}
body #thumbs.article > .pickbox + .article-bloc-author{margin-top:12px}
body .article-bloc-author .fa{color:#9bb86a;margin-right:4px}
body .article-bloc-author [itemprop=author]{color:#555}

/* comments */
body .comments .pickbox{padding:18px 20px}
body .comments-list{margin:0;padding:0;list-style:none}
body .comments-list li.well{margin:0 0 12px;padding:0;border:0;background:transparent;box-shadow:none}
body .comments-list blockquote{margin:0;padding:14px 18px;border:1px solid #e3e8d8;border-left:4px solid #7aa02b;border-radius:0 12px 12px 0;background:#fafcf6;font:400 14px/21px Tahoma,Verdana,sans-serif}
body .comments-list blockquote p{font-size:14px;line-height:21px}
body .comments-list blockquote small{color:#8a8f80}
body .comments-list cite{font-style:normal;font-weight:700;color:#3f5a12}
body .comments-list .re{margin-top:10px;padding:10px 14px;border:0;border-radius:10px;background:#fff4ec}
body .comments-list .re small{color:#c25a14;font-weight:700}
body #forma_comm table{width:100%;max-width:620px}
body #forma_comm td{padding:4px 8px 8px 0;vertical-align:top}
body #forma_comm td.text{padding-top:10px;color:#555;font:400 13px/18px Tahoma,Verdana,sans-serif}
body #forma_comm input[type=text],body #forma_comm input[type=email],body #forma_comm textarea{width:100%;padding:9px 12px;border:1px solid #d6dcc9;border-radius:10px;background:#fff;font:400 14px/20px Tahoma,Verdana,sans-serif;box-shadow:none}
body #forma_comm input[type=text]:focus,body #forma_comm textarea:focus{border-color:#7aa02b;outline:0;box-shadow:0 0 0 3px rgba(122,160,43,.15)}
body #forma_comm .order-button{width:auto;height:auto;padding:10px 26px;border:0;border-radius:10px;background:#f47422!important;color:#fff;font:700 14px/20px Tahoma,Verdana,sans-serif!important;text-shadow:none;box-shadow:none;cursor:pointer}
body #forma_comm .order-button:hover{background:#e8611a!important}

/* "read also" */
body .more-articles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:16px}
body .more-articles li{display:block;width:auto;margin:0!important;padding:0!important;list-style:none}
body .more-articles a{display:block;padding:0;text-align:left!important;border:0!important;color:#2e3328!important;font:700 14px/20px Tahoma,Verdana,sans-serif}
body .more-articles a img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0 0 8px;border-radius:10px}
body .more-articles a span{border:0;color:#2e3328!important}
body .more-articles a:hover span{color:#f47422!important}

/* --- tablet / mobile --- */
@media (max-width:1199px){
  body .contents{float:none;width:auto;margin:0 0 20px}
}
@media (max-width:991px){
  body .more-articles{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  body .breadcrumbs-article{margin:10px 0 12px;padding:8px 12px;border:1px solid #e3e8d8!important}
  body .breadcrumbs-article li:nth-child(2):after{content:"\f105";display:inline}
  body .breadcrumbs-article a{color:#5c791e!important;text-shadow:none!important}
  body .breadcrumbs-article li:after{color:#b9c0a8;text-shadow:none}
  body #thumbs.article > .pickbox{padding:18px 16px 20px}
  body #thumbs .pickbox .article-pz h1,body #thumbs.article .article-pz h1{font-size:23px!important;line-height:30px!important}
  body .article-pz h2{font-size:20px!important;line-height:26px!important}
  body .article-pz blockquote{padding:14px 16px 14px 46px!important}
  body .article-pz blockquote:before{left:14px;top:15px;font-size:18px}
  body .article-bloc-author .pull-right{float:none!important;text-align:left!important;margin-bottom:6px}
  body .articles-pz{margin-left:0;margin-right:0}
  body .articles-pz li{padding:14px 14px 14px 112px}
  body .articles-pz .articles-pz-img{left:14px;top:14px;width:86px;height:86px}
  body .articles-pz .articles-pz-title{font-size:15px;line-height:20px}
  body .articles-pz li{font-size:13px;line-height:19px}
  body .articles-pz-popular.popular-big{margin-left:0;margin-right:0;padding:10px}
  body .articles-pz-popular.popular-big .articles-pz{grid-template-columns:1fr;gap:10px}
  body .articles-pz-popular.popular-big .articles-pz a{height:180px}
  body .articles-pz-popular.popular-big .articles-pz a .articles-pz-title{font-size:16px;line-height:22px}
  body #forma_comm td{display:block;width:auto!important}
  body #forma_comm td.text{padding-bottom:0}
  body .more-articles{padding:12px;gap:12px}
}
/* ===== /Blog 2026 ===== */