/* Плевен Днес — layout стилове вместо js_composer.
   Възпроизвежда само мрежата и елементите, които сайтът реално ползва.
   Виж wp-content/mu-plugins/pd-shortcodes.php */

/* ── мрежа ───────────────────────────────────────────── */
.vc_row{margin-left:-15px;margin-right:-15px}
.vc_row:before,.vc_row:after{content:" ";display:table}
.vc_row:after{clear:both}
.vc_column_container{padding-left:0;padding-right:0}
.vc_col-sm-1,.vc_col-sm-2,.vc_col-sm-3,.vc_col-sm-4,.vc_col-sm-5,.vc_col-sm-6,
.vc_col-sm-7,.vc_col-sm-8,.vc_col-sm-9,.vc_col-sm-10,.vc_col-sm-11,.vc_col-sm-12{
  position:relative;min-height:1px;padding-left:15px;padding-right:15px;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}
@media (min-width:768px){
  .vc_col-sm-1,.vc_col-sm-2,.vc_col-sm-3,.vc_col-sm-4,.vc_col-sm-5,.vc_col-sm-6,
  .vc_col-sm-7,.vc_col-sm-8,.vc_col-sm-9,.vc_col-sm-10,.vc_col-sm-11,.vc_col-sm-12{float:left}
  .vc_col-sm-12{width:100%}   .vc_col-sm-11{width:91.66666667%}
  .vc_col-sm-10{width:83.33333333%} .vc_col-sm-9{width:75%}
  .vc_col-sm-8{width:66.66666667%}  .vc_col-sm-7{width:58.33333333%}
  .vc_col-sm-6{width:50%}           .vc_col-sm-5{width:41.66666667%}
  .vc_col-sm-4{width:33.33333333%}  .vc_col-sm-3{width:25%}
  .vc_col-sm-2{width:16.66666667%}  .vc_col-sm-1{width:8.33333333%}
}
.vc_column-inner{padding-left:15px;padding-right:15px;box-sizing:border-box}
.vc_column-inner:before,.vc_column-inner:after{content:" ";display:table}
.vc_column-inner:after{clear:both}
.vc_row .vc_column-inner{padding-left:0;padding-right:0}
.wpb_wrapper>*:last-child{margin-bottom:0}

/* ── елементи ────────────────────────────────────────── */
.wpb_content_element,.wpb_text_column{margin-bottom:35px}
.wpb_text_column>:last-child,.wpb_text_column>:last-child :last-child{margin-bottom:0}
.vc_separator{display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:35px}
.vc_separator .vc_sep_holder{height:1px;position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:10%}
.vc_separator .vc_sep_holder .vc_sep_line{height:1px;border-top:1px solid #ebebeb;display:block;position:relative;top:1px;width:100%}
.vc_empty_space{clear:both;position:relative;height:32px}
.vc_empty_space .empty_space_inner:before{content:"";display:table}

.wpb_single_image{margin-bottom:35px}
.wpb_single_image img{height:auto;max-width:100%;vertical-align:top}
.wpb_single_image .vc_single_image-wrapper{display:inline-block;max-width:100%;vertical-align:top}
.wpb_single_image.vc_align_center{text-align:center}
.wpb_single_image.vc_align_left{text-align:left}
.wpb_single_image.vc_align_right{text-align:right}
.wpb_single_image figcaption{font-size:12px;line-height:1.5;padding-top:6px;color:#777}

.wpb_gmaps_widget{margin-bottom:35px}
.wpb_gmaps_widget .wpb_wrapper{padding:0}
.wpb_gmaps_widget iframe,.wpb_gmaps_widget embed,.wpb_gmaps_widget object{width:100%;border:0;display:block}

/* ── карусел (без jQuery — CSS scroll-snap) ──────────── */
.pd-carousel{position:relative;margin-bottom:35px}
.pd-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0}
.pd-carousel-track::-webkit-scrollbar{display:none}
.pd-carousel-slide{flex:0 0 100%;scroll-snap-align:center;text-align:center}
.pd-carousel-slide img{max-width:100%;height:auto;vertical-align:top;margin:0 auto}
.pd-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:44px;height:44px;border:0;cursor:pointer;background:rgba(0,0,0,.35);
  color:#fff;font-size:26px;line-height:44px;padding:0;opacity:.85;transition:opacity .2s}
.pd-carousel-nav:hover{opacity:1;background:rgba(0,0,0,.55)}
.pd-carousel-prev{left:8px} .pd-carousel-next{right:8px}
.pd-carousel[data-count="1"] .pd-carousel-nav{display:none}
.pd-carousel-dots{text-align:center;padding-top:10px}
.pd-carousel-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;margin:0 4px;
  background:#c8c8c8;cursor:pointer}
.pd-carousel-dots button[aria-current="true"]{background:#666}

/* ── грид на бизнес каталога (вместо vc_basic_grid) ──── */
.pd-grid{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px;margin-bottom:35px}
.pd-grid-item{padding:5px;box-sizing:border-box;width:100%}
@media (min-width:768px){
  .pd-grid[data-cols="4"] .pd-grid-item{width:25%}
  .pd-grid[data-cols="3"] .pd-grid-item{width:33.3333%}
  .pd-grid[data-cols="2"] .pd-grid-item{width:50%}
  .pd-grid[data-cols="6"] .pd-grid-item{width:16.6666%}
}
@media (min-width:480px) and (max-width:767px){.pd-grid .pd-grid-item{width:50%}}
.pd-grid-inner{background:#fff;height:100%;display:flex;flex-direction:column;
  border-right:1px solid #ededed}
.pd-grid-item:last-child .pd-grid-inner{border-right:0}
.pd-grid-thumb{display:block;text-align:center;padding:18px 12px}
.pd-grid-thumb img{max-width:100%;height:auto;vertical-align:top}
.pd-grid-title{display:block;text-align:center;padding:0 12px 18px;
  font-size:14px;line-height:1.4;color:#222;text-decoration:none}
.pd-grid-title:hover{color:#c00}

/* ── call to action ──────────────────────────────────── */
.vc_cta3{padding:35px;border:1px solid #f0f0f0;background:#f7f7f7;margin-bottom:35px;
  box-sizing:border-box}
.vc_cta3.vc_cta3-align-center{text-align:center}
.vc_cta3 h2{margin-top:0}
.vc_cta3-actions{padding-top:15px}
.pd-btn{display:inline-block;padding:10px 22px;background:#0d3479;color:#fff;
  text-decoration:none;border-radius:2px;font-size:14px;line-height:1.4}
.pd-btn:hover{opacity:.9;color:#fff}

/* ⚠️ темата слага рамка на img в съдържанието на страница и печели по ред на
   зареждане (style.css идва след този файл) — затова !important. */
.pd-grid-thumb,.pd-grid-thumb a,.pd-grid-thumb img,.ubm_banner,.ubm_banner a,.ubm_banner img{
  border:0 !important;outline:0 !important;box-shadow:none !important;background:none !important}
.pd-grid-thumb img,.ubm_banner img{padding:0 !important}
.ubm_banner{display:inline-block;max-width:100%}
.ubm_banner img{max-width:100%;height:auto;vertical-align:top}

/* ⚠️ Част от клиентските лога имат 1px тъмна рамка ВГРАДЕНА в самия JPEG
   (chisto-logo-300x300.jpg: ъглов пиксел srgb(90,134,161) срещу почти бял център).
   js_composer я скриваше, защото мащабираше снимката по-малко. Отрязваме я. */
.pd-grid-thumb img{clip-path:inset(2px);-webkit-clip-path:inset(2px)}

/* ── bsf-info-box (Ultimate VC Addons) ───────────────── */
.aio-icon-component{margin-bottom:20px}
.aio-icon-box{text-align:left}
.aio-icon-default{display:inline-block;vertical-align:middle;margin-right:12px;float:left}
.aio-icon{line-height:1;text-align:center}
.aio-icon.square{width:2.2em;height:2.2em;line-height:2.2em;border-radius:2px}
.aio-icon.circle{width:2.2em;height:2.2em;line-height:2.2em;border-radius:50%}
.aio-icon .pd-icon{vertical-align:middle}
.aio-icon-header{overflow:hidden;padding-top:.5em}
.aio-icon-title{margin:0;font-size:17px;line-height:1.3}
.aio-icon-description{clear:both;padding-top:10px;border-bottom:1px solid #ededed;padding-bottom:14px}
.aio-icon-description>:last-child{margin-bottom:0}
.aio-icon-description p{margin-bottom:6px}