/*
 * KD mobilni standard za podstrani (25. 10. 2026)
 * Velja do 549 px za strani s predlogo page-blank (razen naslovne), Moj račun ter (samo rob) blog.
 * Naslovnica, /trgovina/, izdelek, kategorija, znamka, košarica in blagajna niso zajeti.
 * Rob vsebine 24 px (kot /prijava-na-e-novice/), razmik nad naslovi in med sekcijami 32 px,
 * H1 33 px, H2 22 px brez velikih črk, besedilo 16/1,6, obrazci čez vso širino z glavnim gumbom 52 px.
 * Vrednosti spremeniš v --kd-rob in --kd-sekcija. Naloži ga mu-plugin spletna-stran/kd-mobilni-standard.php (za corrections.css).
 */
@media (max-width:549px){
:root{--kd-rob:24px;--kd-sekcija:32px;--kd-hero:104px}
/* 1) rob: sekcija brez lastnih zamikov; vrhnja vrstica 9 px + stolpec 15 px = 24 px do roba, med stolpci v mreži 30 px */
body.page-template-page-blank:not(.home) #content .section{padding-left:0!important;padding-right:0!important}
body.page-template-page-blank:not(.home) #content .section-content>.row:not(.row-slider),
body.page-template-page-blank:not(.home) #content>.row:not(.row-slider){padding-left:calc(var(--kd-rob) - 15px)!important;padding-right:calc(var(--kd-rob) - 15px)!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}
body.page-template-page-blank:not(.home) #content .section-content>.row:not(.row-slider):not(.row-collapse)>.col,
body.page-template-page-blank:not(.home) #content>.row:not(.row-slider):not(.row-collapse)>.col{padding-left:15px!important;padding-right:15px!important}
body.page-template-page-blank:not(.home) #content .section-content>.row.row-collapse:not(.row-slider),
body.page-template-page-blank:not(.home) #content>.row.row-collapse:not(.row-slider){padding-left:0!important;padding-right:0!important;margin-left:var(--kd-rob)!important;margin-right:var(--kd-rob)!important;width:auto!important;max-width:none!important;row-gap:0!important}
/* 2) navpični razmik med sekcijami */
body.page-template-page-blank:not(.home) #content .section{padding-top:var(--kd-sekcija)!important;padding-bottom:var(--kd-sekcija)!important}
/* 3) pisava */
body.page-template-page-blank:not(.home) #content h1{font-size:33px!important;line-height:1.15!important}
body.page-template-page-blank:not(.home) #content h2:not(.product-title){font-size:22px!important;line-height:1.25!important;text-transform:none!important;letter-spacing:0!important}
body.page-template-page-blank:not(.home) #content h2.section-title .section-title-main{font-size:22px!important;text-transform:none!important;letter-spacing:0!important}
body.page-template-page-blank:not(.home) #content .col-inner p:not(.product-small p),
body.page-template-page-blank:not(.home) #content .col-inner li{font-size:16px!important;line-height:1.6!important}
body.page-template-page-blank:not(.home) #content a{overflow-wrap:anywhere}
/* 4) obrazci: polja in gumb čez vso širino */
body.page-template-page-blank:not(.home) #content .gform_wrapper{max-width:100%!important;width:100%!important}
body.page-template-page-blank:not(.home) #content .gform_wrapper .gform_footer{display:block!important;padding:0!important;margin:16px 0 0!important}
body.page-template-page-blank:not(.home) #content .gform_wrapper .gform_button{width:100%!important;margin:0!important;min-height:52px!important;line-height:52px!important;padding:0 24px!important;border-radius:99px!important;background-color:#cc330a!important;color:#fff!important;font-size:16px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
/* 5) ostali gumbi: navadne črke, 44 px */
body.page-template-page-blank:not(.home) #content .button:not(.gform_button):not(.kd-k-gumb){text-transform:none!important;letter-spacing:0!important;min-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}
/* 6) polja z besedilom (message-box): bela brez odmikov, barvna 16 px ob strani */
body.page-template-page-blank:not(.home) #content .message-box{padding-left:16px!important;padding-right:16px!important}
body.page-template-page-blank:not(.home) #content .message-box:has(>.message-box-bg-overlay[style*="rgb(255, 255, 255)"]){padding:0!important}
/* 7) obrazci, ki so bili zoženi in sredinski (gravity_form_stil) */
body.page-template-page-blank:not(.home) #content .gform_wrapper form{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important}
/* 8) moj račun: rob 24 px, gumba Prijava/Registracija kot glavni gumb obrazca */
body.woocommerce-account #content .large-12.col{padding-left:var(--kd-rob)!important;padding-right:var(--kd-rob)!important}
body.woocommerce-account #content .woocommerce-form .woocommerce-button{width:100%!important;min-height:52px!important;margin:8px 0 0!important;border-radius:99px!important;background-color:#cc330a!important;color:#fff!important;font-size:16px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
/* 9) posebnosti: katalogi (notranji zamik stolpca), blagovne znamke (logotipi v naravni velikosti) */
.page-id-58530 #content>.row>.col>.col-inner{padding-left:0!important;padding-right:0!important}
.page-id-49139 #content .img .img-inner img{max-width:160px!important;margin:0 auto!important;display:block}
.page-child.parent-pageid-49139 #content .row-collapse>.col>.col-inner{padding-left:0!important;padding-right:0!important}
/* 10) enak razmik nad naslovi (32 px) povsod:
   - sekcija in samostojna vrstica: 32 px zgoraj, spodaj nič; med zloženimi stolpci 32 px (row-gap), brez zunanjih robov
   - naslov ima 32 px zgoraj le, če pred njim v istem bloku nekaj je; prvi v bloku dobi razmik od bloka
   - zadnji element v stolpcu in element pred naslovom brez spodnjega roba, da se razmiki ne seštevajo */
body.page-template-page-blank:not(.home) #content .section{padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
body.page-template-page-blank:not(.home) #content>.row:not(.row-slider){margin-top:0!important;margin-bottom:0!important;padding-top:var(--kd-sekcija)!important}
body.page-template-page-blank:not(.home) #content .section-content>.row:not(.row-slider):not(.row-collapse),
body.page-template-page-blank:not(.home) #content>.row:not(.row-slider):not(.row-collapse){row-gap:var(--kd-sekcija)!important}
body.page-template-page-blank:not(.home) #content .section-content>.row:not(.row-slider)>.col,
body.page-template-page-blank:not(.home) #content>.row:not(.row-slider)>.col{padding-bottom:0!important}
body.page-template-page-blank:not(.home) #content .gap-element{height:0!important;padding:0!important;margin:0!important}
body.page-template-page-blank:not(.home) #content :is(h2,h3,.container.section-title-container):not(.banner *):not(.icon-box-text *):not(.box-text *){margin-top:0!important;margin-bottom:12px!important}
body.page-template-page-blank:not(.home) #content :is(p,ul,ol,img,table,figure,form,h1,h2,h3,h4,h5,a,span,section,iframe,blockquote,div:not(.gap-element)) ~ :is(h2,h3,.container.section-title-container):not(.banner *):not(.icon-box-text *):not(.box-text *){margin-top:var(--kd-sekcija)!important}
body.page-template-page-blank:not(.home) #content :is(p,ul,ol,img,table,figure,form,h1,h2,h3,h4,h5,a,span,section,iframe,blockquote,div:not(.gap-element)) ~ :is(div,form):not(.col,.row,.section,.col-inner,.section-content,.container,.banner *,.message-box *):is(:has(> :is(h2,h3,.container.section-title-container):first-child),:has(> :first-child > :is(h2,h3,.container.section-title-container):first-child),:has(> :first-child > :first-child > :is(h2,h3,.container.section-title-container):first-child)){margin-top:var(--kd-sekcija)!important}
body.page-template-page-blank:not(.home) #content .container.section-title-container .section-title{margin:0!important}
body.page-template-page-blank:not(.home) #content .col-inner :is(p,ul,ol,.img,.text,.gform_wrapper,form,.message-box,.button):last-child,
body.page-template-page-blank:not(.home) #content :is(p,ul,ol,.img,.text,.container,.message-box):has(+ :is(h2,h3,.container.section-title-container)){margin-bottom:0!important}
/* 11) vgnezdene vrstice: razmik med stolpci z row-gap; barvna polja 32 px zgoraj in spodaj */
body.page-template-page-blank:not(.home):not(.page-id-49137):not(.page-id-58224) #content .col-inner>.row:not(.row-slider):not(.row-collapse){row-gap:30px!important}
body.page-template-page-blank:not(.home):not(.page-id-49137):not(.page-id-58224) #content .col-inner>.row.row-small:not(.row-slider){row-gap:20px!important}
body.page-template-page-blank:not(.home):not(.page-id-49137):not(.page-id-58224) #content .col-inner>.row:not(.row-slider)>.col{padding-bottom:0!important}
body.page-template-page-blank:not(.home) #content .message-box:not(:has(>.message-box-bg-overlay[style*="rgb(255, 255, 255)"])){padding-top:var(--kd-sekcija)!important;padding-bottom:var(--kd-sekcija)!important}
body.page-template-page-blank:not(.home) #content .message-box .container{margin-top:0!important}
/* 12) ostanki: kartice kategorij brez spodnjega odmika, zadnji odstavek v bloku brez spodnjega roba, notranji spodnji odmik na straneh znamk */
body.page-template-page-blank:not(.home):not(.page-id-49137):not(.page-id-58224) #content .col-inner>.row>.product-category.col{padding-bottom:0!important}
body.page-template-page-blank:not(.home) #content :is(.col-inner,.text)>:is(p,ul,ol):not(:has(~ :is(p,ul,ol,div:not(.gap-element),h2,h3,h4,img,form,table))){margin-bottom:0!important}
.page-child.parent-pageid-49139 #content .col-inner{padding-bottom:0!important}
/* 13) prazni stolpci in vrstice (brez vsebine) ne dodajajo razmika */
body.page-template-page-blank:not(.home) #content .row>.col:not(:has(>.col-inner>:not(style,script,.gap-element))){display:none!important}
body.page-template-page-blank:not(.home) #content>.row:not(:has(>.col>.col-inner>:not(style,script,.gap-element))){display:none!important}
/* 14b) seznami ikon (vsak stolpec je samo ikona z besedilom): med postavkami 12 px, ne 32 px */
body.page-template-page-blank:not(.home) #content .row:not(.row-slider):has(>.col>.col-inner>.icon-box:only-child){row-gap:12px!important}
/* 14c) izjemi: B2B (49137) in predstavitev strojev (58224) sta že ročno urejeni; obrazec na predstavitvi je potegnjen čez sliko (-250 px + 72 px zaradi višjega naslova) */
body.page-id-58224.page-template-page-blank #content>.row.brezplacna_predstavitev_strojev_padding_fix:not(.row-slider){margin-top:-178px!important;padding-top:0!important}
/* 14) v vrstici brez presledkov (row-collapse) stolpec, ki se začne z naslovom, dobi 32 px nad seboj */
body.page-template-page-blank:not(.home) #content .row-collapse>.col:not(:first-child):has(>.col-inner>:is(h2,h3,.container.section-title-container):first-child){padding-top:var(--kd-sekcija)!important}
/* 15) uvodni blok (sekcija z H1): naslov povsod 104 px pod glavo, vsebina poravnana na vrh */
body.page-template-page-blank:not(.home) #content>.section:has(h1){padding-top:var(--kd-hero)!important;align-items:flex-start!important}
body.page-template-page-blank:not(.home) #content>.section:has(h1)>.section-content>.row:has(h1){align-items:flex-start!important;padding-top:0!important;margin-top:0!important}
body.page-template-page-blank:not(.home) #content>.section:has(h1) .col-inner:has(h1){padding-top:0!important;margin-top:0!important}
body.page-template-page-blank:not(.home) #content>.section:has(h1) h1{margin-top:0!important}
/* 16) blog (članek, arhiv): rob 24 px. Izdelek, kategorija, znamka, košarica in blagajna ostanejo na privzetih 15 px (25. 10. 2026, Jan: prejšnje je bilo boljše). */
body:is(.single-post,.blog) #main .row>.col.large-9,
body:is(.single-post,.blog) #main .row>.col.large-3{padding-left:var(--kd-rob)!important;padding-right:var(--kd-rob)!important}
}