/*
Theme Name: GORNA.INFO
Theme URI: https://gorna.info
Author: Деян Калчев
Description: Тема за gorna.info в стила на стария RUNcms сайт: рамка, хоризонтално меню, лява колона с блокове, кремаво тяло. Само външният вид; функционалността е в плъгина „Gorna.info модули“.
Version: 2.6.8
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: gornainfo
*/
/* Емотиконите – винаги от цветния шрифт на системата (иначе DejaVu Sans рисува някои черно-бели) */
@font-face{font-family:"GI Emoji";src:local("Noto Color Emoji"),local("Apple Color Emoji"),local("Segoe UI Emoji"),local("Twemoji Mozilla");unicode-range:U+1F000-1FAFF,U+FE0F}

:root{
  /* Цветове от оригиналната RUNcms тема gorna_info (архив 2017) */
  --page:#FFF2D9; --frame:#92A5BD; --paper:#ffffff; --cream:#FFF2D9;
  --menu-ink:#336699; --hot:red;
  --block-head:#E7EBF0; --block-ink:#A52A2A; --nav-bg:#f1f1f1; --nav-bar:#BD3921;
  --news-head:#C6CFDC; --ink:#000; --muted:#555; --line:#d2dce5; --link:#336699;
  --back1:linear-gradient(#fefefe 0,#fefefe 8%,#c4cedb 28%,#c6cfdc 32%,#d5dce5 52%,#e7ebf0 72%,#fcfcfd 100%);
  --back2:linear-gradient(#fffef7 0,#fff4dc 10%,#efc3a4 28%,#fed2b3 52%,#ffe1c2 72%,#ffffff 100%);
}
*{box-sizing:border-box}
html{background:var(--page)}
body{margin:0;background:var(--page);color:var(--ink);font:13px/1.45 "GI Emoji",Verdana,Tahoma,"DejaVu Sans",sans-serif;padding:16px}
img{max-width:100%;height:auto}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--hot);outline-offset:1px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

.site{max-width:1040px;margin:0 auto;background:var(--paper);border:2px solid var(--frame)}

/* Шапка */
.head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 18px 0;flex-wrap:wrap}
.logo{display:block;width:190px;max-width:100%}
.logo img{display:block}
.banner{flex:0 1 468px;min-height:60px;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center}
.banner.empty{border:1px dashed var(--frame);background:repeating-linear-gradient(135deg,#f4f7fb 0 10px,#eaf0f7 10px 20px)}
.wx{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);background:linear-gradient(#fff,#e7edf4);color:var(--ink);min-width:96px;justify-content:center}
.wx:hover{text-decoration:none;border-color:var(--frame);background:#fff}
.wx-ico{font-size:24px;line-height:1}
.wx-t{font-size:18px;font-weight:bold;font-variant-numeric:tabular-nums}
.wx-l{display:block;font-size:10px;color:var(--muted)}
.tagline{text-align:center;font-weight:bold;font-size:14px;padding:6px 8px 4px;margin:0}

/* Главно меню */
.menu{background:linear-gradient(var(--menu-top),var(--menu-bot));border-top:1px solid var(--line);border-bottom:1px solid var(--frame)}
.menu ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.menu li{flex:1 1 auto;border-right:1px solid #9fb0c5}
.menu li:last-child{border-right:0}
.menu a{display:block;text-align:center;padding:4px 10px;font-weight:bold;color:var(--menu-ink);white-space:nowrap}
.menu li:first-child a,.menu .hot a,.menu a.hot{color:var(--hot)}
.menu a:hover{background:#fff;text-decoration:none}
.menu .current-menu-item>a{background:#fff}
.menu ul ul{display:none}

.loginbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:4px 14px;background:#eef2f7;border-bottom:1px solid var(--line);font-size:12px}
.loginbar input[type=text],.loginbar input[type=password]{width:110px;height:20px;border:1px solid #7a8799;font:11px "GI Emoji",Verdana,Tahoma,sans-serif;padding:0 3px}
.btn,.loginbar button,.search button{font:11px "GI Emoji",Verdana,Tahoma,sans-serif;height:20px;line-height:18px;padding:0 10px;border:1px solid #7a8799;border-radius:3px;background:linear-gradient(#fff,#d9dee5);color:var(--ink);cursor:pointer;display:inline-block}
.btn:hover{text-decoration:none;background:#fff}

/* Тяло */
.body{display:grid;grid-template-columns:170px minmax(0,1fr);gap:8px;padding:8px;background:var(--cream)}
.side{display:flex;flex-direction:column;gap:10px}
.block{background:#fff;border:1px solid var(--line)}
.block h3,.block .widget-title{margin:0;font-size:12px;color:var(--block-ink);background:var(--block-head);padding:2px 5px;border-bottom:1px solid var(--line)}
.block>*:not(h3):not(.widget-title){font-size:12px}
.block .txt{padding:5px 6px}
.block ul{list-style:none;margin:0;padding:4px}
.block li+li{margin-top:1px}
.block li a{display:block;background:var(--nav-bg);border-left:4px solid var(--nav-bar);padding:2px 8px 2px 12px;color:var(--ink)}
.block li a:hover{background:#fff;color:var(--hot);text-decoration:none}
.block .current-menu-item>a{color:var(--hot);font-weight:bold}
.block ul ul{padding:0 0 0 8px}
.block>div:not(.txt),.block>form,.block>p{padding:5px 6px;margin:0}

.main{display:flex;flex-direction:column;gap:10px;min-width:0}
.datebar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;background:linear-gradient(#fff,#dde4ed);border:1px solid var(--line);padding:1px 8px;font-size:12px;font-variant-numeric:tabular-nums}
.panel{background:#fff;border:1px solid var(--line)}
.panel>h2,.panel>h1{margin:0;font-size:13px;background:var(--news-head);color:var(--menu-ink);padding:2px 6px}
.panel>h2 b{color:var(--block-ink)}
.panel>h1{font-size:14px}
.pad{padding:8px 10px}
.pad>*:first-child{margin-top:0}
.pad>*:last-child{margin-bottom:0}
.rnd h4{margin:0 0 4px;font-size:14px}
.more{display:block;margin-top:8px;background:#eef2f7;border:1px solid #9fb0c5;padding:2px 12px;color:var(--block-ink);font-weight:bold;font-size:12px}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 14px}
.cats a{display:flex;justify-content:space-between;gap:6px;border-bottom:1px dotted var(--line);padding:2px 0}
.cats span{color:var(--muted);font-variant-numeric:tabular-nums}
.search{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.search input{flex:1 1 160px;height:22px;border:1px solid #7a8799;font:12px "GI Emoji",Verdana,Tahoma,sans-serif;min-width:0;padding:0 4px}
.search button{height:22px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.list{list-style:none;margin:0;padding:0}
.list li{padding:4px 0;border-bottom:1px dotted var(--line);font-size:12px}
.list li:last-child{border-bottom:0}
.meta{font-size:11px;color:var(--muted);padding:2px 6px;border-bottom:1px dotted var(--line)}
.meta i{color:#e07b00;font-style:normal}
.muted{color:var(--muted)}
.entry{line-height:1.6}
.entry img{border:1px solid var(--line)}
.pager{display:flex;justify-content:space-between;gap:8px;font-size:12px}

/* Кино */
.kino-poster{display:block;text-align:center}
.kino-poster img{border:1px solid var(--line);max-height:420px;width:auto}
.kino-side img{display:block;margin:0 auto}
.kino-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.kino-grid figure{margin:0;text-align:center;font-size:12px}

/* Времето */
.wx-now{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.wx-now .big{font-size:44px;line-height:1}
.wx-now .deg{font-size:32px;font-weight:bold;font-variant-numeric:tabular-nums}
.wx-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 16px;font-size:12px}
.tbl-wrap{overflow-x:auto}
.wx-table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}
.wx-table th,.wx-table td{border:1px solid var(--line);padding:3px 6px;text-align:center;white-space:nowrap}
.wx-table th{background:#eef2f7;color:var(--menu-ink)}
.wx-table td:first-child{text-align:left}
.wx-table .ico{font-size:18px}
.hours{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}
.hours div{flex:0 0 56px;text-align:center;border:1px solid var(--line);background:#f8fafc;padding:3px 0;font-size:11px;font-variant-numeric:tabular-nums}
.hours b{display:block;font-size:13px}

.foot{border-top:1px solid var(--frame);background:linear-gradient(#dde4ed,#fff);text-align:center;font-size:11px;color:var(--muted);padding:6px}

@media (max-width:760px){
  .body{grid-template-columns:1fr}
  .side{order:2}
  .two{grid-template-columns:1fr}
  .head{justify-content:center}
  .menu li{flex:1 1 33%;border-bottom:1px solid #9fb0c5}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.logo svg{display:block;width:190px;max-width:100%;height:auto}
.heads li a{font-weight:bold}
.heads .muted{font-size:11px}
.block .heads li a{display:inline;background:none;border:0;padding:0;font-weight:normal;color:var(--link)}
.block .heads li{padding:3px 0}

/* ===== Стилове, пренесени от старата тема gorna_info (RUNcms) =====
   Взети са само правилата, които реално се виждаха на сайта:
   body, връзки, .m/.on (горно меню), .loginbar, .sidboxac3/.sideboxcontent (блокове),
   jsmenu (лявата навигация), .indextitle, .postedby, .footer, .more, полета и бутони. */
body{font:13px/1.45 "GI Emoji",Verdana,Tahoma,"DejaVu Sans",Arial,sans-serif;color:#000}
a:link,a:visited{color:var(--link);text-decoration:none}
a:hover{color:red;text-decoration:underline}
.site{border:1px solid #5f6b7a}
h1{font-size:18px}
hr{border:0;height:2px;width:95%;background:#306898}

/* Горно меню (.m, активен/посочен .on) */
.menu{background:var(--back1);border-top:1px solid var(--frame);border-bottom:1px solid var(--frame)}
.menu li{border-right:1px solid #fff}
.menu a,.menu a:link,.menu a:visited{padding:5px 6px 4px;font-size:13px;font-weight:bold;color:#369}
.menu li:first-child a{color:red}
.menu a:hover,.menu .current-menu-item>a{background:var(--back2);color:red;text-decoration:underline}
.menu a:active{background:var(--back2);color:#A52A2A}

/* Лента за вход (.loginbar) */
.loginbar{font-weight:bold;font-size:12px;border-top:0;border-bottom:1px solid var(--frame);background:#EFF2F5;padding:3px 8px;align-items:center}
.loginbar input[type=text],.loginbar input[type=password],.search input,input.text,textarea{background:#fff;border:1px solid #C0C0C0;font:11px "GI Emoji",Verdana,Tahoma,Arial,sans-serif}
.btn,.btn:link,.btn:visited,.loginbar button,.search button{display:inline-flex;align-items:center;height:20px;line-height:1;padding:0 10px;vertical-align:middle;background:#ECECEC;border:1px solid #C0C0C0;border-radius:0;font:11px "GI Emoji",Verdana,Tahoma,Arial,sans-serif;color:#000}
.search button{height:24px}
.btn:hover,.loginbar button:hover,.search button:hover{background:#fff;color:red;text-decoration:none}

/* Странични блокове (.sidboxac3 + .sideboxcontent) */
.block{border:1px solid var(--frame);border-top:0}
.block h3,.block .widget-title{border-top:1px solid var(--frame);border-bottom:1px solid var(--frame);background:var(--block-head);color:var(--block-ink);font-size:12px;font-weight:bold;padding:3px 5px}
.block .txt,.block>div:not(.txt),.block>form,.block>p{padding:2pt 3pt 8pt}

/* Лява навигация (jsmenu): червена лента + светлосив фон, при посочване черна лента и #ccc */
.block li+li{margin-top:0}
.block li a,.block li a:link,.block li a:visited{font:13px "GI Emoji",Verdana,Tahoma,sans-serif;color:#000;background:var(--nav-bg);border-left:3px solid var(--nav-bar);border-bottom:1px solid #fff;padding:3px 3px 2px 10px}
.block li a:hover{background:#cccccc;border-left-color:#000;color:#000;text-decoration:none}
.block li a:active{background:#e6e6e6}
.block .current-menu-item>a{font-weight:bold}
.block .heads li a,.block .heads li a:link{display:inline;background:none;border:0;padding:0;color:var(--link);font-family:inherit}
.block .heads li a:hover{background:none;color:red;text-decoration:underline}

/* Заглавия на централните блокове (.indextitle) и „Публикувал“ (.postedby) */
.panel{border:1px solid var(--line)}
.panel>h2,.panel>h1{background:var(--news-head);color:#000;font-size:13px;font-weight:bold;padding:3px 6px}
.panel>h1{font-size:14px}
.panel>h2 a:link,.panel>h2 a:visited{color:var(--link)}
.meta{font-size:11px;color:#000;border-bottom:1px dashed var(--line)}
.datebar{font-size:12px;background:var(--back1);border-color:var(--line)}
.more{font-size:12px;background:#fff;border:1px solid var(--line);color:var(--block-ink)}
.more:hover{color:red}

/* Долен колонтитул (.footer) */
.foot{border-top:1px solid #34404e;background:var(--back1);font-size:11px;font-weight:bold;color:#000}

/* Шапка: лого и време на един ред, банерът в средата (на телефон – под тях) */
.head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo banner wx";align-items:center;gap:12px;padding:8px 14px 0}
.head .logo{grid-area:logo}
.head .banner{grid-area:banner;justify-self:center;width:100%;max-width:468px}
.head .wx{grid-area:wx;justify-self:end}
@media (max-width:760px){
  .head{grid-template-columns:auto auto;grid-template-areas:"logo wx" "banner banner";justify-content:space-between;padding:8px 10px 0}
  .head .logo{width:150px}
  .head .banner{justify-self:stretch;max-width:none}
}

/* Таблици в съдържанието (напр. кино програмата) */
.entry table{border-collapse:collapse;width:100%;font-size:12px;margin:8px 0;display:block;overflow-x:auto}
.entry th,.entry td{border:1px solid var(--line);padding:3px 6px;text-align:center;vertical-align:middle;white-space:nowrap}
.entry th{background:var(--news-head);color:#000}
.entry td:first-child,.entry th:first-child{text-align:left;white-space:normal;min-width:150px}
.entry tbody tr:nth-child(even) td{background:#f7f9fb}
.entry td small{color:var(--muted)}

/* Форма за контакти */
.cform{max-width:560px;margin-top:10px}
.cform p{margin:0 0 10px}
.cform label{display:block;font-weight:bold;font-size:12px;margin-bottom:3px}
.cform input[type=text],.cform input[type=email],.cform input[type=tel],.cform textarea{width:100%;padding:4px 6px;border:1px solid #C0C0C0;background:#fff;font:13px "GI Emoji",Verdana,Tahoma,sans-serif}
.cform input:focus,.cform textarea:focus{outline:2px solid #92A5BD;outline-offset:0}
.cform .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.cform .consent label{font-weight:normal;display:flex;gap:6px;align-items:flex-start}
.cform .req{color:red}
.cform .btn{height:26px;padding:0 18px;font-size:12px;font-weight:bold}
.cform .hp{position:absolute;left:-9999px}
.notice{padding:6px 10px;border:1px solid;margin:8px 0}
.notice.ok{background:#eef8ea;border-color:#7cb66a;color:#1f5a14}
.notice.err{background:#fdecea;border-color:#e0a09a;color:#8a1c12}
@media (max-width:560px){.cform .row2{grid-template-columns:1fr}}
.banner a{display:block;line-height:0}
.banner img{display:block;width:100%;max-width:468px;height:auto;margin:0 auto}

/* Пренесено от „Допълнителен CSS“: банер от AdRotate и лявото меню на WordPress */
.banner p{margin:0}
.banner p:empty{display:none}
.banner .g,.banner .g-single{line-height:0}
.side .block ul.menu{display:block;background:none;border:0;padding:4px;margin:0}
.side .block ul.menu li{display:block;border:0;flex:none}
.side .block ul.menu li a,.side .block ul.menu li a:link,.side .block ul.menu li a:visited{text-align:left;white-space:normal;font:13px "GI Emoji",Verdana,Tahoma,sans-serif;color:#000;background:var(--nav-bg);border-left:3px solid var(--nav-bar);border-bottom:1px solid #fff;padding:3px 3px 2px 10px;text-decoration:none}
.side .block ul.menu li a:hover{background:#cccccc;border-left-color:#000;color:#000;text-decoration:none}
.side .block ul.menu .current-menu-item>a{font-weight:bold;background:var(--nav-bg)}

/* ===== По-едри шрифтове (2.3): основен текст 15px, всичко останало пропорционално ===== */
body{font-size:15px;line-height:1.5}
.menu a,.menu a:link,.menu a:visited{font-size:14px;padding:6px 8px 5px}
.tagline{font-size:16px}
.loginbar{font-size:13px}
.btn,.btn:link,.btn:visited,.loginbar button,.search button{font-size:12px;height:24px}
.loginbar input[type=text],.loginbar input[type=password]{font-size:13px;height:24px}
.block h3,.block .widget-title{font-size:13px;padding:4px 6px}
.block li a,.block li a:link,.block li a:visited,
.side .block ul.menu li a,.side .block ul.menu li a:link,.side .block ul.menu li a:visited{font-size:14px;padding:4px 4px 3px 10px}
.block .txt,.block>div:not(.txt),.block>p{font-size:14px}
.datebar{font-size:13px}
.panel>h2{font-size:15px;padding:4px 8px}
.panel>h1{font-size:17px;padding:5px 8px}
.pad{padding:10px 12px}
.rnd h4{font-size:16px}
.meta{font-size:12px}
.more{font-size:13px}
.cats a{font-size:14px}
.list li,.heads .muted{font-size:14px}
.heads .muted{font-size:12px}
.search input{height:28px;font-size:14px}
.search button{height:28px}
.entry{font-size:15px;line-height:1.6}
.entry table{font-size:13px}
.wx-facts{font-size:14px}
.wx-table{font-size:13px}
.hours div{font-size:12px;flex-basis:60px}
.hours b{font-size:14px}
.kino-grid figure{font-size:13px}
.cform label{font-size:13px}
.cform input[type=text],.cform input[type=email],.cform input[type=tel],.cform textarea{font-size:15px;padding:6px 8px}
.cform .btn{height:30px;font-size:14px}
.foot{font-size:12px}
.wx-l{font-size:11px}
@media (max-width:760px){body{font-size:16px}.entry{font-size:16px}}
.side .block>*:not(h3):not(.widget-title){font-size:14px}

/* Преглед на снимки (js/lightbox.js) */
.gi-lightbox{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:40px 56px}
.gi-lightbox img{max-width:100%;max-height:100%;border:4px solid #fff;box-shadow:0 4px 24px rgba(0,0,0,.6);background:#fff}
.gi-lightbox button{position:absolute;background:none;border:0;color:#fff;cursor:pointer;font:bold 34px/1 Arial,sans-serif;padding:8px 12px;opacity:.85}
.gi-lightbox button:hover{opacity:1;color:#FED2B3}
.gi-lightbox-x{top:6px;right:10px}
.gi-lightbox-prev,.gi-lightbox-next{top:50%;transform:translateY(-50%);font-size:56px!important}
.gi-lightbox-prev{left:4px}.gi-lightbox-next{right:4px}
.gi-lightbox-n{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#ddd;font-size:14px}
@media (max-width:600px){.gi-lightbox{padding:40px 8px}.gi-lightbox-prev,.gi-lightbox-next{top:auto;bottom:0;transform:none}}

/* 2.5.6 — лявото меню опира в рамката (компактно, както в стария сайт) */
.side .block ul.menu{padding:0!important}
.side .block ul.menu li:last-child a{border-bottom:0}
/* SVG иконките на времето */
.wx-svg{display:inline-block;vertical-align:middle;overflow:visible}
.wx-ico .wx-svg{width:28px;height:28px}

/* 2.5.7 — колоните опират в рамката на сайта (без „въздух“ около блоковете) */
.body{padding:2px 0 4px!important;gap:4px!important}
.side,.main{gap:4px!important}
.side .block{border-left:0!important;border-top:0!important}
.side .block+.block{border-top:1px solid var(--frame,#92A5BD)!important}
.main>*:first-child{border-top:0!important}
.main>*{border-right:0!important}
@media (max-width:700px){.side .block{border-left:0!important;border-right:0!important}.main>*{border-left:0!important}}

/* ===== Малки обяви (модул „Обяви“) ===== */
.ob-bar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.ob-btn,a.ob-btn,button.ob-btn{display:inline-flex;align-items:center;height:28px;padding:0 12px;border:1px solid #C0C0C0;background:linear-gradient(#fff,#E7EBF0);color:#336699;font-size:14px;font-weight:bold;text-decoration:none;cursor:pointer;font-family:inherit}
.ob-btn:hover{color:red;text-decoration:none}
.ob-btn.ob-main{background:var(--back2,#fed2b3);border-color:#d9a883;color:#000}
.ob-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:2px 12px;margin:4px 0}
.ob-cats a,.ob-sub a{padding:3px 0;border-bottom:1px dotted #d2dce5;color:#336699;text-decoration:none;font-size:14px}
.ob-cats a span,.ob-sub a span{color:#888;font-size:12px}
.ob-cats a.on,.ob-sub a.on{color:#A52A2A;font-weight:bold}
.ob-sub{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:6px 0 0;border-top:1px solid #d2dce5}
.ob-sub a{border:0}
.ob-list{list-style:none;margin:0;padding:0}
.ob-list li{display:flex;gap:10px;padding:8px 0;border-bottom:1px dotted #d2dce5}
.ob-list li:last-child{border-bottom:0}
.ob-thumb{flex:0 0 110px;width:110px;height:82px;display:flex;align-items:center;justify-content:center;background:#f3f5f8;border:1px solid #d2dce5;overflow:hidden}
.ob-thumb img{width:110px;height:82px;object-fit:cover;display:block}
.ob-noimg{font-size:11px;color:#999}
.ob-title{font-weight:bold;font-size:15px;color:#336699}
.ob-price{color:#A52A2A;font-weight:bold;font-size:15px}
.ob-meta{font-size:13px;color:#777;margin-top:2px}
.ob-pages{margin-top:10px;font-size:14px}
.ob-pages .page-numbers{padding:2px 6px;border:1px solid #d2dce5;margin-right:2px}
.ob-pages .current{background:#E7EBF0;font-weight:bold}
.ob-form p{margin:0 0 10px}
.ob-form label{display:block;color:#777;font-style:italic;font-size:13px;margin-bottom:2px}
.ob-form .ob-chk label{font-style:normal;color:#000;font-size:14px;margin-top:22px}
.ob-form input[type=text],.ob-form input[type=tel],.ob-form select,.ob-form textarea{box-sizing:border-box;width:100%;padding:4px 6px;border:1px solid #C0C0C0;font-size:14px;font-family:inherit;background:#fff}
.ob-form .ob-row{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.ob-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ob-have{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 6px}
.ob-have label{font-style:normal;color:#000;text-align:center}
.ob-have img{width:90px;height:68px;object-fit:cover;border:1px solid #d2dce5}
.ob-err{background:#fdecea;border:1px solid #e0a9a3;color:#8a1f11;padding:6px 10px;margin:0 0 10px}
.ob-ok{background:#eaf5ea;border:1px solid #a8d3a8;color:#1e5e1e;padding:6px 10px;margin:0 0 10px}
.ob-mine{width:100%;border-collapse:collapse;font-size:14px}
.ob-mine th,.ob-mine td{border-bottom:1px solid #e3e8ef;padding:5px 6px;text-align:left;vertical-align:top}
.ob-mine th{background:#E7EBF0;font-size:13px}
.ob-pend{color:#b26a00}.ob-exp{color:#b32d2e}.ob-pub{color:#2e7d32}
.ob-del{color:#b32d2e}
.ob-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 16px;margin:0 0 12px;padding:0 0 10px;border-bottom:1px dotted #d2dce5}
.ob-facts span{display:block;color:#777;font-style:italic;font-size:13px}
.ob-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ob-gallery img{width:200px;height:150px;object-fit:cover;border:1px solid #d2dce5;display:block;cursor:zoom-in}
.ob-foot{margin-top:14px;font-size:14px}
@media (max-width:600px){.ob-form .ob-row{grid-template-columns:1fr}.ob-thumb{flex-basis:86px;width:86px;height:64px}.ob-thumb img{width:86px;height:64px}.ob-gallery img{width:46%;height:auto}}

/* Иконки на времето – Meteocons (имат вграден въздух около рисунката, затова са по-големи с отрицателни полета) */
.wx-img{display:block;width:1em;height:1em}
.wx-ico{font-size:24px;line-height:1}
.wx-ico .wx-img{width:46px;height:46px;margin:-10px -6px -10px -8px}
.wx-now .big .wx-img{width:110px;height:110px;margin:-18px -10px}
.hours .ico .wx-img{width:44px;height:44px;margin:-6px auto -8px}
.wx-table td.ico{padding:0 4px}
.wx-table .ico .wx-img{width:38px;height:38px;margin:-6px auto}
.wx-ico{flex:0 0 auto}
.wx-img{max-width:none!important;flex:0 0 auto}
