/*
Theme Name: Toyup Child
Template: toyup
Version: 1.0
*/

/*
 * Hokus Pokus: stabilne WooGallery minijature.
 * Fotografije svih omjera prikazuju se cijele unutar jednakih kvadratnih okvira.
 */
body.single-product #wpgs-gallery .gallery-navigation-carousel .wcgs-thumb.spswiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: #fffefa !important;
}

body.single-product #wpgs-gallery .gallery-navigation-carousel .wcgs-thumb.spswiper-slide > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #dddddd !important;
    border-radius: 15px !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #fffefa !important;
}

body.single-product #wpgs-gallery .gallery-navigation-carousel .wcgs-thumb.spswiper-slide:hover > img,
body.single-product #wpgs-gallery .gallery-navigation-carousel .wcgs-thumb.spswiper-slide-thumb-active > img,
body.single-product #wpgs-gallery .gallery-navigation-carousel .wcgs-thumb.spswiper-slide-active > img {
    border-color: #0cc8bd !important;
}

body.single-product #wpgs-gallery .gallery-navigation-carousel-wrapper > .wcgs-border-bottom {
    display: none !important;
}

@media (max-width: 767px) {
    body.single-product #wpgs-gallery .gallery-navigation-carousel .wcgs-thumb.spswiper-slide,
    body.single-product #wpgs-gallery .gallery-navigation-carousel .wcgs-thumb.spswiper-slide > img {
        border-radius: 13px !important;
    }
}

/*
 * Hokus Pokus: razigrani dezen u srednjem redu zaglavlja.
 * Povratna kopija: /hp-codex-backups/header-pattern-2026-08-28/style.css
 */
#header-middlebar {
    position: relative;
    overflow: hidden;
    background: linear-gradient(105deg, #fff3e9 0%, #ffdfca 48%, #ffe9dc 100%) !important;
}

#header-middlebar::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='960'%20height='162'%20viewBox='0%200%20960%20162'%3E%3Cg%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M32%2013v30M17%2028h30M22%2018l20%2020M42%2018L22%2038'%20stroke='%230cc8bd'%20stroke-opacity='.34'%20stroke-width='1.8'/%3E%3Cpath%20d='M125%2070l4%209%209%204-9%204-4%209-4-9-9-4%209-4z'%20stroke='%23ca6ce5'%20stroke-opacity='.34'%20stroke-width='1.7'/%3E%3Ccircle%20cx='78'%20cy='136'%20r='3.3'%20fill='%23ca6ce5'%20fill-opacity='.31'%20stroke='none'/%3E%3Cpath%20d='M170%2054a20%2020%200%200%201%2040%200M176%2054a14%2014%200%200%201%2028%200M182%2054a8%208%200%200%201%2016%200'%20stroke='%230cc8bd'%20stroke-opacity='.31'%20stroke-width='2'/%3E%3Cpath%20d='M282%2018v17M273%2027h18'%20stroke='%23ca6ce5'%20stroke-opacity='.37'%20stroke-width='1.8'/%3E%3Ccircle%20cx='346'%20cy='126'%20r='2.8'%20fill='%230cc8bd'%20fill-opacity='.35'%20stroke='none'/%3E%3Ccircle%20cx='387'%20cy='45'%20r='7'%20stroke='%23ffffff'%20stroke-opacity='.65'%20stroke-width='1.8'/%3E%3Cpath%20d='M410%20137a22%2022%200%200%201%2044%200M417%20137a15%2015%200%200%201%2030%200'%20stroke='%23ca6ce5'%20stroke-opacity='.3'%20stroke-width='2.1'/%3E%3Cpath%20d='M520%2038l3.2%207.5%207.5%203.2-7.5%203.2-3.2%207.5-3.2-7.5-7.5-3.2%207.5-3.2z'%20stroke='%230cc8bd'%20stroke-opacity='.36'%20stroke-width='1.8'/%3E%3Cpath%20d='M604%2099v24M592%20111h24M596%20103l16%2016M612%20103l-16%2016'%20stroke='%23ca6ce5'%20stroke-opacity='.31'%20stroke-width='1.7'/%3E%3Ccircle%20cx='674'%20cy='24'%20r='3.5'%20fill='%230cc8bd'%20fill-opacity='.34'%20stroke='none'/%3E%3Ccircle%20cx='706'%20cy='81'%20r='2.3'%20fill='%23ca6ce5'%20fill-opacity='.36'%20stroke='none'/%3E%3Cpath%20d='M744%2061a18%2018%200%200%201%2036%200M750%2061a12%2012%200%200%201%2024%200M755%2061a7%207%200%200%201%2014%200'%20stroke='%230cc8bd'%20stroke-opacity='.3'%20stroke-width='1.9'/%3E%3Cpath%20d='M826%2013l2.7%206.3%206.3%202.7-6.3%202.7-2.7%206.3-2.7-6.3-6.3-2.7%206.3-2.7z'%20stroke='%23ca6ce5'%20stroke-opacity='.35'%20stroke-width='1.6'/%3E%3Cpath%20d='M872%20110l4%209%209%204-9%204-4%209-4-9-9-4%209-4z'%20stroke='%230cc8bd'%20stroke-opacity='.33'%20stroke-width='1.7'/%3E%3Cpath%20d='M930%2021v21M920%2031h20'%20stroke='%23ca6ce5'%20stroke-opacity='.31'%20stroke-width='1.8'/%3E%3Ccircle%20cx='944'%20cy='145'%20r='2.7'%20fill='%230cc8bd'%20fill-opacity='.33'%20stroke='none'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-position: -72px center;
    background-size: 960px 162px;
}

#header-middlebar::after {
    content: none;
}

#header-middlebar > .container {
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    #header-middlebar::before {
        opacity: 0.82;
        background-position: -210px center;
        background-size: 700px 118px;
    }
}