/*

 Theme Name: CenaOgrevanja — Green Box

 Theme URI: https://cenaogrevanja.si/

 Author: CenaOgrevanja

 Description: Boxed (1280px) tema z odzivnim menijem, podmenijem z drsenjem, breadcrumbs, SEO (canonical + meta description), vidnostjo widgetov (Classic + Block), ter prefooter pasovi. Brez CPT city/route.

 Version: 1.0.1

 Text Domain: ceneogrevanja-theme

*/

:root{--primary:#16a34a;--ink:#1e1e1e;--muted:#6b7280;--bg:#f9f9fb;--border:#e5e7eb;--container:1280px;--radius:14px}

*,*::before,*::after{box-sizing:border-box}

html,body{height:100%;width:100%;overflow-x:hidden}

body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif}

h1{margin-top:-10px;margin-bottom:0px;font: 700 22px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;} img{max-width:100%;height:auto} a{color:var(--primary);text-decoration:none} a:hover{text-decoration:underline}

.container{max-width:var(--container);margin:0 auto;padding:0 16px}

@media (max-width:860px){h1{padding-left:10px;padding-top:10px;}}



/* Header */

.site-header{background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:3000}

.site-header .branding{display:flex;align-items:center;gap:14px;padding:12px 0}

/* CLS fix: reserve logo space */

.cb-logo{width:var(--cb-logo-w,160px);height:var(--cb-logo-h,48px);display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto}

.cb-logo a{display:block;width:100%;height:100%}

.cb-logo img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .18s ease}

.cb-logo a:hover img{filter:brightness(1.1) contrast(1.05)}

.titles .site-title{margin:0;font-size:22px;line-height:1.2}

.titles .site-description{margin:2px 0 0;color:var(--muted);font-size:14px}

.header-right-blurb{margin-left:auto;text-align:right}

.header-right-blurb .blurb-title{font-weight:700;font-size:15px}

.header-right-blurb .blurb-sub{color:var(--muted);font-size:13px}

@media (max-width:900px){.header-right-blurb{display:none}}



/* Search */

.header-search{flex:1 1 420px;max-width:640px;margin-left:8px;margin-right:8px;position:relative}

.header-search .qcs-input{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:.65rem;font-size:1rem;outline:none;background:#fff}

@media (max-width:900px){.branding .header-search{flex:1 1 auto;margin:0}.branding .header-search .qcs-input{height:38px;line-height:38px;padding:0 .85rem;font-size:.95rem;border:1px solid #e5e7eb;border-radius:.55rem}}

#cb-qcs-portal{position:fixed;inset:0;pointer-events:none;z-index:3500}

#cb-qcs-portal .qcs-pop{position:absolute;pointer-events:auto;margin:0;padding:0;list-style:none;border:1px solid #e8e8e8;border-radius:.65rem;box-shadow:0 12px 26px rgba(0,0,0,.08);background:#fff;overflow:hidden;display:none}

#cb-qcs-portal .qcs-item{padding:.6rem .9rem;cursor:pointer;display:flex;gap:.5rem;align-items:center}

#cb-qcs-portal .qcs-item[aria-selected="true"],#cb-qcs-portal .qcs-item:hover{background:#f8f6f6}

#cb-qcs-portal .qcs-title{font-weight:600}

@media (max-width:900px){#cb-qcs-portal .qcs-pop.qcs-mobile{left:16px!important;right:16px!important;width:auto!important}}



/* Nav */

.below-header-nav-wrap{position:relative;z-index:1000;background: #fff;border-bottom: 1px solid var(--border);}

.below-header-nav{display:flex;gap:10px;align-items:center;min-height:52px}

.nav.menu{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;margin:0;padding:8px 0;align-items:center}

.nav.menu>li>a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background: #fff;min-width: 194px;}

.nav.menu>li>a:hover,.nav.menu .current-menu-item>a,.nav.menu .current-menu-ancestor>a{background:var(--primary);color:#fff;text-decoration:none}

.nav.menu .sub-menu{display:none!important}

.nav.menu>li>a .cb-menu-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;width:26px;height:26px;flex:0 0 26px}

.nav.menu>li>a .cb-menu-icon img{display:block;width:26px;height:26px;object-fit:contain}

.nav.menu>li>a .cb-menu-icon .icon-active{display:none}

.nav.menu .current-menu-item>a .cb-menu-icon .icon-default,

.nav.menu .current-menu-ancestor>a .cb-menu-icon .icon-default{display:none}

.nav.menu .current-menu-item>a .cb-menu-icon .icon-active,

.nav.menu .current-menu-ancestor>a .cb-menu-icon .icon-active{display:inline-block}

.nav.menu>li>a .cb-menu-text{display:flex;flex-direction:column;line-height:1.1;font-size: 17px;font-weight: 600;}

.nav.menu>li>a .cb-menu-sub{font-size:12px;color:#6b7280;margin-top:2px}

.nav.menu li.current-menu-item>a .cb-menu-sub,.nav.menu li.current-menu-ancestor>a .cb-menu-sub{color:rgba(255,255,255,.96)}

.nav.menu>li:hover>a .cb-menu-sub{color:rgba(255,255,255,.96)}

@media (max-width:860px){.nav.menu>li>a .cb-menu-sub{display:none}}



/* Burger */

.mobile-nav-toggle{display:none;appearance:none;background:#fff;border:1px solid var(--border);padding:8px 10px;border-radius:10px;line-height:0;cursor:pointer}

.mobile-nav-toggle .label{color:#000!important;font-weight:400!important}

.mobile-nav-toggle .bars{position:relative;display:inline-block;width:22px;height:14px}

.mobile-nav-toggle .bars::before,.mobile-nav-toggle .bars::after{content:"";position:absolute;left:0;right:0;height:2px;background:#1e1e1e;transition:transform .2s ease,opacity .18s ease,box-shadow .18s ease}

.mobile-nav-toggle .bars::before{top:0;opacity:1;box-shadow:0 6px 0 0 #1e1e1e,0 12px 0 0 #1e1e1e}

.mobile-nav-toggle .bars::after{opacity:0}

.mobile-nav-toggle[aria-expanded="true"] .bars::before{opacity:1;box-shadow:none;transform:translateY(6px) rotate(45deg)}

.mobile-nav-toggle[aria-expanded="true"] .bars::after{opacity:1;transform:translateY(6px) rotate(-45deg)}

@media (max-width:900px){

  .below-header-nav{position:relative}

  .mobile-nav-toggle{display:inline-flex;align-items:center;gap:8px}

  .mobile-nav-toggle .label{font-size:14px}

  .below-header-nav .nav.menu{position:absolute;top:52px;left:0;right:0;display:block;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 26px rgba(0,0,0,.08);padding:8px;margin:0;max-height:0;overflow:hidden;visibility:hidden;opacity:0;transform:translateY(-6px);transition:max-height .2s ease,opacity .18s ease,transform .18s ease,visibility 0s linear .2s;z-index:1100}

  .below-header-nav.is-open .nav.menu{max-height:70vh;overflow:auto;visibility:visible;opacity:1;transform:translateY(0);transition:max-height .25s ease,opacity .18s ease,transform .18s ease,visibility 0s}

  .nav.menu>li{margin:4px 0}

  .nav.menu>li>a{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}

  .nav.menu>li>a:hover,.nav.menu .current-menu-item>a,.nav.menu .current-menu-ancestor>a{background:var(--primary);color:#fff}

}



/* Subnav */

.sub-nav-wrap{}

.sub-nav{display:flex;gap:12px;align-items:center;min-height:44px}

.subnav-scroll{flex:1 1 auto;min-width:0}

.subnav.menu{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;margin:0;padding:8px 0}

.subnav.menu a{display: block;padding: 8px 10px;border-radius: 8px;background-image: linear-gradient( 135deg, #4a4a4a 0%, #3c3c3c 45%, #232323 100% );color: #f5f5f5;}

.subnav.menu .current a,.subnav.menu a:hover{text-decoration: none;background-image:linear-gradient( 135deg, #7b7b7b 0%, #666666 45%, #4a4a4a 100% );color: #ffffff;}



.subnav-scroll-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);background:#fff;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.06);color:#111;cursor:pointer;flex:0 0 auto}

.subnav-scroll-btn:focus{outline:2px solid rgba(177,53,53,.45);outline-offset:2px}

.subnav-scroll-btn[disabled]{opacity:.35;cursor:default;pointer-events:none}

.subnav-scroll-btn.is-hidden{display:none!important}



@media (max-width:900px){

  .sub-nav{gap:8px}

  .subnav-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}

  .subnav-scroll::-webkit-scrollbar{display:none}

  .subnav.menu{flex-wrap:nowrap;gap:6px;margin:0;padding:8px 0}

  .subnav.menu>li{flex:0 0 auto}

  .subnav.menu a{white-space:nowrap}

  .subnav-scroll-btn{display:inline-flex}

}



/* Layout */

.site-main{padding:5px 0}

.layoutbox{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:24px}

.layoutbox.full{grid-template-columns:1fr}

.sidebar .widget{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin:0 0 14px 0;box-shadow:0 6px 20px rgba(177,53,53,.15)}

.content-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 20px rgba(177,53,53,.15);padding:20px}



/* Wide content bands */

.content-wide-band{padding:18px 0;background:#fff;border-bottom:1px solid var(--border)}

.content-wide-band .widget{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 6px 20px rgba(177,53,53,.15)}

.content-wide-top{border-top:1px solid var(--border); margin-bottom:12px}

.content-wide-bottom{margin-top:12px}



/* Prefooter */

.prefooter{margin:12px 0 0}

.prefooter .band{/*! padding:18px 0; *//*! border-top:1px solid var(--border); *//*! background:#fff */}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.grid-3 .widget,.band-wide .widget{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 6px 20px rgba(177,53,53,.15);margin-bottom: 12px;}



/* Footer */

.site-footer{background:#fff;border-top:1px solid var(--border);padding:20px 0;color:#6b7280;font-size:14px}



/* Content utils */

.entry-content{word-break:break-word;overflow-wrap:anywhere}

.entry-content pre{max-width:100%;overflow:auto;white-space:pre-wrap}

iframe,embed,video{max-width:100%}

@media (max-width:860px){.layoutbox{grid-template-columns:1fr}}



/* v5.12.6.1 – mobilni paddingi pod 900px */

@media (max-width: 900px) {

  .container {

    padding-left: 0 !important;

    padding-right: 0 !important;

  }

  .content-card {

    padding: 5px !important;

  }

  .layout {

    padding: 0 !important;

  }

}



.post-nav {

  margin-top: 24px;

}



/* Dodano za odstranitev p tagov iz strani, če kje se ne bo vsebina pokazala moraš to pogledat*/





.band.band-wide p {

  display: none;

}



/* Dodano za pravilno skladanje okrog ure v mestih desnega column stolpca 33%, da pade pod uro*/



/* --- DESKTOP (nad 1100px): 66/33 v isti vrstici dokler gre ---

   Ko se zaradi min-width levega stolpca vrstica zavije, naj desni ZAPOLNI vrstico. */

@media (min-width:1101px){

  .entry-content .wp-block-columns.is-layout-flex:has(.ccdst-wrap) > .wp-block-column{

    order:0 !important;

    min-width:0;

    max-width:100%;

  }



  /* Levi: drži 66% (upoštevaj gap) + trda spodnja meja za vtičnik */

  .entry-content .wp-block-columns.is-layout-flex:has(.ccdst-wrap) > .wp-block-column:nth-child(1){

    flex: 0 0 calc(66.666% - var(--wp--style--block-gap, 2em)/2) !important;

    max-width: calc(66.666% - var(--wp--style--block-gap, 2em)/2) !important;

    min-width: 740px; /* prilagodi po potrebi */

  }



  /* Desni: NA vrstici naj vzame preostanek, na novi vrstici pa 100% */

  .entry-content .wp-block-columns.is-layout-flex:has(.ccdst-wrap) > .wp-block-column:nth-child(2){

    flex: 1 1 calc(33.333% - var(--wp--style--block-gap, 2em)/2) !important;

    max-width: 100% !important;   /* omogoči 100% na lastni vrstici */

    width: auto !important;

    min-width: 320px;             /* mehka spodnja meja, po želji */

  }

}



/* --- MOBILNI PRELOM (≤ 1100px): desni spodaj in 100% --- */

@media (max-width:1100px){

  .entry-content .wp-block-columns.is-layout-flex:has(.ccdst-wrap) > .wp-block-column:nth-child(1){ order:1 !important; }

  .entry-content .wp-block-columns.is-layout-flex:has(.ccdst-wrap) > .wp-block-column:nth-child(2){

    order:2 !important;

    flex: 0 0 100% !important;

    max-width: 100% !important;

    width: 100% !important;

  }

}



/* Varovalke vtičnika */

.ccdst-wrap{ max-width:100%; position:relative; isolation:isolate;}

.ccdst-analog .dial{ max-width:100%; }

.entry-content .wp-block-columns.is-layout-flex{

  flex-wrap: wrap !important;

  overflow: visible;

  margin-bottom: 0px;

}



/* Telefoni / ožji zasloni – prepreči prekrivanje, oba stolpca 100% */

@media (max-width:1100px){

  /* LEVI (z uro) – razveljavi široki min-width na ozkih zaslonih */

  .single-city .entry-content .wp-block-columns.is-layout-flex > .wp-block-column.has-ccdst{

    order: 1 !important;

    flex: 0 0 100% !important;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important; /* ključni del */

  }

  /* DESNI (33%) – spodaj, 100% širine */

  .single-city .entry-content .wp-block-columns.is-layout-flex > .wp-block-column:not(.has-ccdst){

    order: 2 !important;

    flex: 0 0 100% !important;

    width: 100% !important;

    max-width: 100% !important;

  }

  /* varovalke */

  .single-city .entry-content .wp-block-columns.is-layout-flex{ align-items: stretch; overflow: visible; }

  .single-city .ccdst-wrap{ position: relative; isolation: isolate; max-width: 100%; }

}



/* Digitalna ura naj se ne oža pod 330px (ostane kot prej) */

.single-city .ccdst-digital{ min-width: 347px; }



html,body{height:auto!important;width:auto;overflow-x:hidden}



/* Jaz dodal zaradi slabega CLS v google consoli */

.single-city .ccdst-wrap { min-height: 405px; }

.single-city .ta-weather {min-height:390px;margin:0px;}



/* Vertikalni odmiki zmanjšani na mobilnih*/

@media (max-width:780px){

 .single-city .ta-weather {

  margin-top: -30px;

}

 .ta-city-faq-wrap {

  margin-top: 10px !important;

  }

}
/* Cenaogrevanja logo večji*/
.branding {
  --cb-logo-w: 280px !important;
  --cb-logo-h: 47px !important;
}