/* ============================================================
   bulgariainside.bg — каркас «Шипка» (префикс bgi-)
   Палитра: горска зелень + пясък + червено на флага.
   html{font-size:18px} у темы — все размеры в ПИКСЕЛЯХ, не в rem.
   ============================================================ */
:root{
  --bgi-ink:#16241d;
  --bgi-ink-2:#3e4f46;
  --bgi-brand:#0e5c3f;
  --bgi-brand-d:#0a4530;
  --bgi-red:#c8102e;
  --bgi-red-d:#a50d26;
  --bgi-sand:#f3ede1;
  --bgi-paper:#ffffff;
  --bgi-line:#dcd7cb;
  --bgi-w:1120px;
  --bgi-pad:20px;
  --bgi-font:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}
@media (max-width:780px){:root{--bgi-pad:14px}}

/* ---------- общий горизонтальный отступ: один на весь сайт ---------- */
#page .wrapper{padding-left:var(--bgi-pad);padding-right:var(--bgi-pad);box-sizing:border-box}
#page .wrapper > .row,
#page .wrapper > .grid-x,
#page #content-area{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
#content{overflow:visible!important;padding:0 0 8px}
#content-area{width:100%!important;margin:0!important}
body{background:var(--bgi-paper)!important;color:var(--bgi-ink);font-family:var(--bgi-font)}
img{max-width:100%;height:auto}
#page article img,#page .entry-content img,#page #content-area img{max-width:100%;height:auto}

/* ---------- ШАПКА ---------- */
.bgi-hd{width:100%!important;max-width:none!important;margin:0!important;
  background-color:var(--bgi-brand);
  background-image:linear-gradient(180deg,#126a49 0%,#0e5c3f 100%);
  border-bottom:3px solid var(--bgi-red);position:relative;z-index:50}
.bgi-hd__in{max-width:var(--bgi-w);margin:0 auto;padding-left:var(--bgi-pad);padding-right:var(--bgi-pad);
  box-sizing:border-box;display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:wrap}
.bgi-hd__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;
  font-size:20px;line-height:1;font-weight:700;letter-spacing:.2px;padding-top:12px;padding-bottom:12px}
.bgi-hd__logo:hover{color:#fff;text-decoration:none}
.bgi-hd__mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  border-radius:9px;background:#fff;color:#0e5c3f;font-size:15px;font-weight:800;
  box-shadow:inset 0 0 0 2px var(--bgi-red)}
.bgi-hd__logo b{font-weight:400;opacity:.92}

/* меню: чистый CSS, ноль JS */
.bgi-nav{display:flex;flex-wrap:wrap;gap:2px;margin-left:auto}
.bgi-nav__item{position:relative}
.bgi-nav__hub{display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:700;
  padding:14px 12px;border-radius:6px 6px 0 0;white-space:nowrap}
.bgi-nav__hub:after{content:"";display:inline-block;margin-left:7px;vertical-align:middle;
  border:4px solid transparent;border-top-color:rgba(255,255,255,.75);position:relative;top:2px}
.bgi-nav__item:hover .bgi-nav__hub,.bgi-nav__item:focus-within .bgi-nav__hub{background:var(--bgi-brand-d);color:#fff}
.bgi-nav__sub{position:absolute;left:0;top:100%;min-width:236px;background:var(--bgi-paper);
  border:1px solid var(--bgi-line);border-top:3px solid var(--bgi-red);border-radius:0 0 8px 8px;
  box-shadow:0 12px 26px rgba(10,20,15,.18);padding-top:8px;padding-bottom:8px;
  visibility:hidden;opacity:0;transition:opacity .12s ease}
.bgi-nav__item:hover .bgi-nav__sub,.bgi-nav__item:focus-within .bgi-nav__sub{visibility:visible;opacity:1}
.bgi-nav__sub a{display:block;padding:9px 16px;color:var(--bgi-ink);background:var(--bgi-paper);
  text-decoration:none;font-size:14px;line-height:1.25}
.bgi-nav__sub a:hover,.bgi-nav__sub a:focus{background:var(--bgi-sand);color:var(--bgi-brand-d)}
.bgi-hd__chk{display:none}
.bgi-hd__burger{display:none}

@media (max-width:900px){
  .bgi-hd__in{min-height:56px;gap:10px}
  .bgi-hd__burger{display:flex;flex-direction:column;justify-content:center;gap:5px;
    margin-left:auto;width:40px;height:36px;padding-left:7px;padding-right:7px;box-sizing:border-box;
    border:1px solid rgba(255,255,255,.5);border-radius:7px;cursor:pointer}
  .bgi-hd__burger span{display:block;height:2px;background:#fff;border-radius:2px}
  .bgi-nav{display:none;width:100%;min-width:0;margin-left:0;margin-bottom:10px;flex-direction:column;gap:0}
  .bgi-hd__chk:checked ~ .bgi-nav{display:flex}
  .bgi-nav__hub{padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0}
  .bgi-nav__hub:after{float:right}
  .bgi-nav__sub{position:static;visibility:visible;opacity:1;box-shadow:none;border:0;
    border-radius:0;background-color:#0a4530;padding-top:2px;padding-bottom:8px}
  .bgi-nav__sub a{background-color:#0a4530;color:#eef4f0;padding:7px 14px;font-size:13px}
  .bgi-nav__sub a:hover,.bgi-nav__sub a:focus{background-color:#0e5c3f;color:#fff}
  body{padding-top:0!important}
}

/* ---------- ПОДВАЛ ---------- */
.bgi-ft{width:100%!important;max-width:none!important;margin-top:34px;
  background-color:var(--bgi-ink);color:#d7ded9;border-top:3px solid var(--bgi-red)}
.bgi-ft a{color:#d7ded9;text-decoration:none}
.bgi-ft a:hover{color:#fff;text-decoration:underline}
.bgi-ft__in{max-width:var(--bgi-w);margin:0 auto;padding-left:var(--bgi-pad);padding-right:var(--bgi-pad);
  padding-top:28px;padding-bottom:16px;box-sizing:border-box}
.bgi-ft__lead{font-size:14px;line-height:1.6;color:#c8d2cc;margin-top:0;margin-bottom:20px;max-width:860px}
.bgi-ft__cols{display:flex;flex-wrap:wrap;gap:26px}
.bgi-ft__col{flex:1 1 200px;min-width:0}
.bgi-ft__h{color:#fff;font-size:14px;font-weight:700;margin-top:0;margin-bottom:10px;
  padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.16)}
.bgi-ft__list{list-style:none;margin:0;padding:0}
.bgi-ft__list li{margin-bottom:8px;font-size:13px;line-height:1.35;color:#d7ded9}
.bgi-ft__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.16)}
.bgi-ft__chip{display:inline-block;background-color:#f7f5f0;color:#16241d;border-radius:6px;
  padding:6px 10px;font-size:12px;line-height:1.2;font-weight:700}
.bgi-ft__chip--18{background-color:#c8102e;color:#fff}
.bgi-ft__chip a{color:#16241d;text-decoration:underline}
.bgi-ft__chip a:hover{color:#0a4530}
.bgi-ft__note{font-size:12px;line-height:1.55;color:#a9b6ae;margin-top:16px}
.bgi-ft__copy{font-size:12px;color:#8e9c94;margin-top:14px;padding-top:12px;
  border-top:1px solid rgba(255,255,255,.12)}
@media (max-width:780px){.bgi-ft__cols{gap:18px}.bgi-ft__col{flex:1 1 100%}}

/* ---------- контент ---------- */
#page #content-area h1,#page .page-title{color:var(--bgi-ink);font-size:30px;line-height:1.22;
  margin-top:14px;margin-bottom:12px;font-weight:800}
#page #content-area h2{color:var(--bgi-brand-d);font-size:23px;line-height:1.25;
  margin-top:26px;margin-bottom:10px;font-weight:700}
#page #content-area h3{color:var(--bgi-ink);font-size:19px;line-height:1.3;
  margin-top:20px;margin-bottom:8px;font-weight:700}
#page #content-area h4,#page #content-area h5{color:var(--bgi-ink);font-size:17px;
  margin-top:16px;margin-bottom:8px}
#page #content-area p,#page #content-area li{font-size:16px;line-height:1.62;color:#26332c}
#page #content-area a:not([class*="bgi"]):not([class*="opPlay"]):not(.button){color:#0b5c9a}
#page #content-area a:hover{color:var(--bgi-brand-d)}
#page .last-update__text{color:#6b7a72;font-size:13px}
#page #content-area table{width:100%;border-collapse:collapse;font-size:15px}
#page #content-area th{background-color:var(--bgi-sand);color:var(--bgi-ink);text-align:left;
  padding:9px 10px;border:1px solid var(--bgi-line)}
#page #content-area td{padding:9px 10px;border:1px solid var(--bgi-line);vertical-align:top}
#page #content-area .tablepress{display:block;overflow-x:auto}

/* кнопки донора → наш красный */
#page a.gp-write-a-review-button,#page a.button.green,#page .opPlay a.cta,#page a.bgi-btn{
  display:inline-block;background-color:var(--bgi-red)!important;color:#fff!important;
  border:0!important;border-radius:8px;padding:11px 20px;font-weight:700;font-size:15px;
  text-decoration:none!important;line-height:1.2}
#page a.gp-write-a-review-button:hover,#page a.button.green:hover,
#page .opPlay a.cta:hover,#page a.bgi-btn:hover{background-color:var(--bgi-red-d)!important;color:#fff!important}

/* блок «Сътрудник» — монограмма вместо чужого лица */
#page .authors-list-feature{background-color:var(--bgi-sand);border:1px solid var(--bgi-line);
  border-radius:10px;padding:16px 18px;margin-top:26px}
#page .authors-list-feature h3.intro{margin-top:0;margin-bottom:10px;font-size:15px;color:var(--bgi-ink-2);
  text-transform:uppercase;letter-spacing:.4px}
#page .authors-list-feature .img-wrap{width:64px;height:64px;border-radius:50%;
  background-color:var(--bgi-brand);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:800;overflow:hidden;flex:0 0 64px}
#page .authors-list-feature .img-wrap img{display:none}
#page .authors-list-feature figure{display:flex;gap:14px;align-items:flex-start;margin:0}
#page .authors-list-feature .author-title{margin-top:0;margin-bottom:4px;font-size:16px}
#page .authors-list-feature .author-desc p{font-size:14px;margin:0}
#page .authors-list-feature footer.author-details{background:none;border:0;padding-top:8px}
#page .authors-list-feature .interests{font-size:13px;color:var(--bgi-ink-2)}

/* липкий блок оператора на обзорах */
#page .side-fixed{background-color:var(--bgi-paper);border:1px solid var(--bgi-line);
  border-radius:12px;padding:14px 16px;box-sizing:border-box}
#page .side-fixed .review-thumbnail{background-color:#fff!important;border:1px solid var(--bgi-line);
  border-radius:8px;padding:8px;text-align:center}
#page .side-terms_and_conditions{font-size:12px;line-height:1.45;color:#5d6b63;margin-top:10px}

/* своё оглавление — свёрнутое */
#page .bgi-toc{border:1px solid var(--bgi-line);border-radius:10px;background-color:var(--bgi-sand);
  margin-top:18px;margin-bottom:18px}
#page .bgi-toc > summary{cursor:pointer;padding:12px 16px;font-weight:700;color:var(--bgi-ink);
  font-size:15px;list-style:none}
#page .bgi-toc > summary::-webkit-details-marker{display:none}
#page .bgi-toc > summary:after{content:"\25BE";float:right;color:var(--bgi-brand)}
#page .bgi-toc[open] > summary:after{content:"\25B4"}
#page .bgi-toc__body{padding-left:16px;padding-right:16px;padding-bottom:14px}
#page .bgi-toc__body a{display:block;padding-top:5px;padding-bottom:5px;font-size:14px;
  border-bottom:1px dashed var(--bgi-line)}

/* ничего не прячем */
#page .ez-toc-list,#page .ez-toc-list-level-1{display:block!important}

/* свои страницы */
.bgi-lead{font-size:17px;line-height:1.6;color:#26332c}
.bgi-card{background-color:var(--bgi-sand);border:1px solid var(--bgi-line);border-radius:12px;
  padding:16px 18px;margin-top:16px;margin-bottom:16px}
.bgi-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;margin-bottom:16px}
.bgi-grid > a{flex:1 1 260px;background-color:var(--bgi-paper);border:1px solid var(--bgi-line);
  border-left:4px solid var(--bgi-brand);border-radius:10px;padding:14px 16px;text-decoration:none;
  color:var(--bgi-ink);box-sizing:border-box}
.bgi-grid > a:hover{border-left-color:var(--bgi-red);background-color:var(--bgi-sand)}
.bgi-grid strong{display:block;font-size:16px;margin-bottom:4px;color:var(--bgi-brand-d)}
.bgi-grid span{display:block;font-size:13px;color:var(--bgi-ink-2);line-height:1.45}

/* дата обновления и блок ссылок на подстраницы */
#page .bgi-upd{font-size:13px;color:#6b7a72;margin:0 0 14px}
#page .bgi-upd a{color:#0a4530}
#page .bgi-kids{max-width:1120px;margin:26px auto 0;padding:14px 20px;box-sizing:border-box;
  background:#f3ede1;border:1px solid #dcd7cb;border-radius:12px}
#page .bgi-kids__h{margin:0 0 8px;font-size:14px;font-weight:800;color:#0a4530}
#page .bgi-kids a{display:inline-block;margin:0 8px 8px 0;padding:6px 12px;background:#fff;
  border:1px solid #dcd7cb;border-radius:999px;font-size:13px;color:#16241d;text-decoration:none}
#page .bgi-kids a:hover{border-color:#0e5c3f;color:#0a4530}

/* мобилка: сетка Foundation донора давала overflow до 149px на страницах с витриной */
@media (max-width:900px){
  #page .grid-x.grid-margin-x,#page .grid-x{margin-left:0!important;margin-right:0!important;
    width:100%!important;max-width:100%!important}
  #page .grid-margin-x>.cell,#page .grid-x>.cell{margin-left:0!important;margin-right:0!important;
    width:100%!important;max-width:100%!important;min-width:0!important}
  #page #content-area,#page #content .wrapper{overflow-x:hidden}
}
/* донор красил часть заголовков белым по белому (эра тёмной темы) */
#page #content-area [style*="color: #ffffff"],#page #content-area [style*="color:#ffffff"],
#page #content-area [style*="color: #fff"],#page #content-area [style*="color:#fff"],
#page #content-area [style*="color: white"]{color:#16241d!important}

/* широкие таблицы прошлого захода на мобиле давали overflow до 47px */
#page #content-area table{max-width:100%}
@media (max-width:900px){
  #page #content-area table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  #page #content-area table thead,#page #content-area table tbody{min-width:520px}
}

/* ---------- страница второго поколения темы (gp-theme) ---------- */
#page #gp-fixed-header-padding{display:none!important;height:0!important}
#page #gp-page-wrapper,#page #gp-content-wrapper,#page #gp-content{padding-top:0!important;margin-top:0!important;
  background:#fff!important}
#page #gp-content h1.page-title,#page #gp-content .bgi-upd{display:block!important;visibility:visible!important;
  opacity:1!important;height:auto!important;overflow:visible!important;position:static!important;clip:auto!important}
#page #gp-content{color:#26332c}
#page #gp-content p,#page #gp-content li,#page #gp-content td,#page #gp-content dd,
#page #gp-content h2,#page #gp-content h3,#page #gp-content h4{color:#26332c}
#page #gp-content a{color:#0b5c9a}
#page #gp-content .ez-toc-wrap-l,#page #gp-content #ez-toc-container{max-width:100%!important;
  box-sizing:border-box;float:none!important;width:100%!important}
/* у gp-темы обёртка контента схлопывалась в высоту 0 (float-дети) — чекер считал текст скрытым */
#page #gp-content-wrapper,#page #gp-page-wrapper,#page #gp-site-wrapper{display:flow-root!important}
#page .ez-toc-wrap-l,#page .ez-toc-v2_0_17{max-width:100%!important;box-sizing:border-box;overflow-x:hidden}
@media (max-width:900px){
  #page .ez-toc-wrap-l,#page #ez-toc-container,#page #ez-toc-container *{max-width:100%!important;
    box-sizing:border-box!important;word-break:break-word}
  #page #ez-toc-container ul{padding-left:14px!important;margin-left:0!important}
}
