/*
Theme Name: Sisma
Description: Izvorni Sisma dizajn za WordPress i Plesk, sa uređivim stranicama i katalogom proizvoda.
Version: 1.3.4
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: sisma
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
[data-sisma-island="Header"]{display:contents}
.sisma-pagination{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:2rem}
.sisma-pagination .page-numbers{padding:.65rem 1rem;border:1px solid #dce2eb;border-radius:.5rem;background:#fff}
.sisma-pagination .current{background:#0b2147;color:#fff}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{clip:auto!important;clip-path:none;display:block;height:auto;left:1rem;top:1rem;width:auto;z-index:100000;background:white;padding:1rem;color:#0b2147}
.sisma-editor-content img{max-width:100%;height:auto}
.sisma-editor-content p{margin-bottom:1rem}
.sisma-category-description h2{font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(1.4rem,2vw,2rem);font-weight:700;line-height:1.3;color:#0B1D3A;margin:0 0 1.5rem;max-width:42ch}
.sisma-category-description p{max-width:85ch;margin-bottom:1.25rem}
.sisma-category-hero{height:auto;min-height:16rem}
.sisma-category-hero>.section-container{min-height:inherit;padding-top:3rem}
.card .absolute.top-3.left-3{right:.75rem}
.card .badge{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
@media(min-width:768px){.sisma-category-hero{min-height:20rem}}
body.admin-bar [data-sisma-island="Header"]>header{top:32px}
@media(max-width:782px){body.admin-bar [data-sisma-island="Header"]>header{top:46px}}

/* Shared alignment and stable catalog geometry, including WooCommerce image resets. */
.section-container{width:100%;max-width:1280px!important;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
.sisma-category-copy,.sisma-category-rich{padding:24px 0}
.sisma-category-description h2,.sisma-category-description p{max-width:none}
.sisma-category-description h2{margin-bottom:16px}
.sisma-category-description p{margin-bottom:16px}
.sisma-category-description>:last-child{margin-bottom:0}
.sisma-category-rich>.section-container>*{max-width:none!important;margin-left:0;margin-right:0}
.sisma-product-card{display:flex;flex-direction:column;height:100%;min-width:0}
.sisma-card-media{flex:none;aspect-ratio:1/1;width:100%}
.sisma-card-media>img,.sisma-gallery-stage>img,.sisma-gallery-thumbs img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain}
.sisma-card-details{height:144px;flex:none;display:flex;flex-direction:column;padding:16px;overflow:hidden}
.sisma-card-details h3{min-height:44px;line-height:22px;margin-bottom:6px}
.sisma-card-details p{font-size:14px;line-height:18px;margin:0}
.sisma-card-price{margin-top:auto;gap:4px;padding-top:8px}
.sisma-card-price>span{white-space:nowrap}
.sisma-card-price>span:last-child{font-size:11px;letter-spacing:.04em}
.sisma-gallery-stage{position:relative;width:100%;height:clamp(260px,35vw,460px);aspect-ratio:auto}
.sisma-category-rich .sisma-gallery-stage{height:clamp(240px,30vw,380px)}
.sisma-gallery-thumbs{max-width:420px}
.sisma-gallery-thumbs>button{height:72px;aspect-ratio:auto}
.sisma-product-info{display:block;min-width:0}
.sisma-product-price{margin-bottom:20px;padding-bottom:16px}
.sisma-product-info .mb-8{margin-bottom:20px}
.sisma-inquiry{margin-top:0}
@media(min-width:640px){.section-container{padding-left:32px;padding-right:32px}}
@media(min-width:768px){.sisma-category-copy,.sisma-category-rich{padding:32px 0}}
@media(min-width:1024px){.section-container{padding-left:48px;padding-right:48px}}
@media(max-width:359px){.sisma-card-details{padding:12px}.sisma-card-price>span:last-child{font-size:9px}.sisma-card-price>span:first-child{font-size:14px}}

/* Existing imported homepage cards share the same frame and details geometry. */
.card:has(>.aspect-square){display:flex;flex-direction:column;height:100%;min-width:0}
.card>.aspect-square{flex:none;aspect-ratio:1/1;width:100%}
.card>.aspect-square>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain}
.card>.p-5{height:144px;flex:none;display:flex;flex-direction:column;padding:16px;overflow:hidden}
.card>.p-5>h3{min-height:44px;line-height:22px;margin-bottom:6px}
.card>.p-5>p{font-size:14px;line-height:18px;margin:0}
.card>.p-5>.flex{margin-top:auto;gap:4px;padding-top:8px}
.card>.p-5>.flex>span{white-space:nowrap}
.card>.p-5>.flex>span:last-child{font-size:11px;letter-spacing:.04em}
@media(max-width:359px){.card>.p-5{padding:12px}.card>.p-5>.flex>span:last-child{font-size:9px}.card>.p-5>.flex>span:first-child{font-size:14px}}

/* Category selection follows the client hierarchy; details live on native archives. */
.sisma-category-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sisma-category-tile{display:block;overflow:hidden;border:1px solid #e2e8f0;border-radius:16px;background:#fff;color:#0b1d3a;transition:box-shadow .2s}
.sisma-category-tile:hover{box-shadow:0 8px 24px #0b1d3a18}
.sisma-category-tile>img{display:block;width:100%!important;height:300px!important;object-fit:cover}
.sisma-category-tile>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px}
.sisma-category-tile h2{margin:0;font-size:21px;font-weight:700;line-height:1.35}
.sisma-category-tile span{color:#e8a838;font-size:26px}
.sisma-menu-branch{position:relative}
.sisma-menu-row{display:flex;align-items:center;color:#0b1d3a}
.sisma-menu-row>a{flex:1;padding:10px 12px;border-radius:8px;font-weight:500;white-space:nowrap}
.sisma-menu-row>button{padding:12px;flex:none;border-radius:8px}
.sisma-menu-row>a:hover,.sisma-menu-row>button:hover,.sisma-submenu>a:hover{color:#cc8a16;background:#e8a8380d}
.sisma-submenu{position:absolute;left:100%;top:0;min-width:260px;background:white;padding:12px;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 30px #0b1d3a18;max-height:70vh;overflow-y:auto}
.sisma-submenu>a{display:block;padding:10px 12px;border-radius:8px;white-space:nowrap;color:#0b1d3a;font-weight:500}
.sisma-menu-branch.is-mobile .sisma-submenu{position:static;min-width:0;margin-left:16px;border:0;border-left:2px solid #e8a838;box-shadow:none;border-radius:0;padding:0 0 0 8px;max-height:none}
.sisma-menu-branch.is-mobile .sisma-menu-row>a{white-space:normal}
.sisma-menu-row a:focus-visible,.sisma-menu-row button:focus-visible,.sisma-submenu a:focus-visible,.sisma-category-tile:focus-visible{outline:2px solid #e8a838;outline-offset:2px}
@media(max-width:639px){.sisma-category-tiles{grid-template-columns:1fr;gap:16px}.sisma-category-tile>img{height:230px!important}.sisma-category-tile h2{font-size:19px}}

.sisma-category-tile>img{object-fit:contain;background:#f6f7f9}
.sisma-category-tiles--root{grid-template-columns:repeat(4,minmax(0,1fr))}
.sisma-category-tiles--root .sisma-category-tile>img{height:240px!important}
.sisma-category-tiles--root .sisma-category-tile h2{font-size:18px}
.sisma-category-tiles--root .sisma-category-tile>div{padding:16px;align-items:flex-start}
.sisma-product-model{font-size:22px;font-weight:500;color:#526077;margin:0 0 20px}
@media(max-width:1023px){.sisma-category-tiles--root{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.sisma-category-tiles--root{grid-template-columns:1fr}}

/* Preserve the entire photograph while filling equal frames with its own backdrop. */
.sisma-category-photo{display:block;position:relative;isolation:isolate;width:100%;height:300px;overflow:hidden;background:#e8ebef}
.sisma-category-photo>img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none}
.sisma-category-photo>.sisma-category-photo-bg{object-fit:cover;filter:blur(12px) brightness(.85);transform:scale(1.12);z-index:0}
.sisma-category-photo>.sisma-category-photo-main{object-fit:contain;z-index:1}
.sisma-category-tiles--root .sisma-category-photo{height:240px}
@media(max-width:639px){.sisma-category-photo{height:230px}}

/* All catalogue photographs stay whole, including on hover and gallery changes. */
.sisma-photo-frame{isolation:isolate;position:relative;overflow:hidden}
.sisma-photo-frame::before{content:"";position:absolute;inset:-16px;background-image:var(--sisma-photo);background-size:cover;background-position:center;filter:blur(12px) brightness(.85);pointer-events:none}
.sisma-photo-frame>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;background:transparent}
@media(max-width:639px){
 .sisma-category-tiles,.sisma-category-tiles--root{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .sisma-category-photo,.sisma-category-tiles--root .sisma-category-photo{height:auto;aspect-ratio:1/1}
 .sisma-category-tile>div,.sisma-category-tiles--root .sisma-category-tile>div{padding:12px;gap:6px;align-items:flex-start}
 .sisma-category-tile h2,.sisma-category-tiles--root .sisma-category-tile h2{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
 .sisma-category-tile>div>span{font-size:20px;flex-shrink:0}
}