/* super-granule.cz – příznaky u produktů v11: vlajka + kolečko "Doprava zdarma" stejně velké, oprava hlavičky v užších oknech
   Soubor: /user/documents/upload/sg-priznaky-v11.css, načítá se v Zápatí */

/* poloha: vpravo nahoře; vlajka vpravo, kolečko dopravy vlevo a nad vlajkou */
.p-image-wrapper .flags-extra,
.product .image .flags-extra{top:10px;bottom:auto;left:auto;right:10px;transform:none;flex-direction:row-reverse;align-items:center}
.flags-extra .flag{margin:0}

/* česká vlajka (vzadu) */
.flags-extra .flag-cz-detail,
.flags-extra .flag-cz-category{width:42px;height:42px;background-size:cover;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.25);position:relative;z-index:1}

/* doprava zdarma: zelené kolečko s balíčkem a nápisem, vpředu */
.flags-extra .flag-freeshipping{width:66px!important;height:66px!important;min-height:0!important;min-width:0!important;border-radius:50%!important;padding:0!important;flex-direction:column;justify-content:center;align-items:center;gap:2px;background:#355c4a!important;box-shadow:0 0 0 2px #fff,0 1px 4px rgba(0,0,0,.25);overflow:visible!important;position:relative;z-index:3}
.flags-extra .flag-cz-detail+.flag-freeshipping,
.flags-extra .flag-cz-category+.flag-freeshipping{margin-right:-16px}
.flag-freeshipping .icon-van{font-size:20px!important;width:20px;height:20px;margin:0!important;display:block;flex:none;position:static!important}
.flag-freeshipping .icon-van:before{content:"";display:block;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5l8 4.2v8.6l-8 4.2-8-4.2V6.7z'/%3E%3Cpath d='M4 6.7l8 4.3 8-4.3M12 11v8.5M8 4.6l8 4.2'/%3E%3C/svg%3E") center/contain no-repeat}
.flag-freeshipping .flag-text{font-size:0!important;width:auto!important;height:auto!important}
.flag-freeshipping .flag-text:after{content:"Doprava\Azdarma";display:block;white-space:pre;text-align:center;font-size:10px;line-height:1.15;font-weight:600;text-transform:none}

/* detail produktu: větší */
.p-image-wrapper .flags-extra .flag-cz-detail{width:48px!important;height:48px!important}
.p-image-wrapper .flags-extra .flag-freeshipping{width:86px!important;height:86px!important;gap:3px}
.p-image-wrapper .flag-freeshipping .icon-van,
.p-image-wrapper .flag-freeshipping .icon-van:before{width:26px;height:26px;font-size:26px!important}
.p-image-wrapper .flag-freeshipping .flag-text:after{font-size:13px}
.p-image-wrapper .flags-extra .flag-cz-detail+.flag-freeshipping{margin-right:-20px}

/* v4: oprava velikostí (šablona má min/max šířku štítků, která přebíjela předchozí hodnoty) */
html body .flags-extra .flag.flag-cz-detail,
html body .flags-extra .flag.flag-cz-category{width:44px!important;height:44px!important;min-width:0!important;min-height:0!important;max-width:none!important;flex:none!important}
html body .p-image-wrapper .flags-extra .flag.flag-cz-detail{width:56px!important;height:56px!important}
html body .flags-extra .flag.flag-freeshipping{max-width:none!important;flex:none!important}
html body .p-image-wrapper .flags-extra .flag.flag-freeshipping{width:82px!important;height:82px!important}
html body .flags-extra .flag-cz-category+.flag-freeshipping{margin-right:-8px}
html body .p-image-wrapper .flags-extra .flag-cz-detail+.flag-freeshipping{margin-right:-8px}

/* v6: kolečko dopravy a vlajka jsou stejně velké (detail 56 px, přehled 50 px, tablet 44 px) */
html body .p-image-wrapper .flags-extra .flag.flag-freeshipping{width:56px!important;height:56px!important;gap:1px}
html body .p-image-wrapper .flag-freeshipping .icon-van,
html body .p-image-wrapper .flag-freeshipping .icon-van:before{width:18px;height:18px;font-size:18px!important}
html body .p-image-wrapper .flag-freeshipping .flag-text:after{font-size:9.5px;line-height:1.1}
html body .p-image-wrapper .flags-extra .flag-cz-detail+.flag-freeshipping{margin-right:-6px}
html body .product .image .flags-extra .flag.flag-cz-category,
html body .product .image .flags-extra .flag.flag-freeshipping{width:50px!important;height:50px!important}
html body .product .image .flags-extra .flag.flag-freeshipping{gap:1px}
html body .product .image .flag-freeshipping .icon-van,
html body .product .image .flag-freeshipping .icon-van:before{width:16px;height:16px;font-size:16px!important}
html body .product .image .flag-freeshipping .flag-text:after{font-size:8.5px;line-height:1.1}
html body .product .image .flags-extra .flag-cz-category+.flag-freeshipping{margin-right:-6px}
@media(min-width:768px) and (max-width:991px){
html body .product .image .flags-extra{right:8px;top:8px}
html body .product .image .flags-extra .flag.flag-cz-category,
html body .product .image .flags-extra .flag.flag-freeshipping{width:44px!important;height:44px!important}
html body .product .image .flag-freeshipping .icon-van,
html body .product .image .flag-freeshipping .icon-van:before{width:14px;height:14px;font-size:14px!important}
html body .product .image .flag-freeshipping .flag-text:after{font-size:8px}
}

/* v7/v8: hlavička v užších oknech (992–1439 px): telefon + košík se zalamovaly pod sebe (přetékaly o 4–9 px),
   Přihlášení pak končilo pod zeleným menu a logo se posouvalo. Stačí košíku ubrat vnitřní okraje (selektor a.btn.cart-count je kvůli přednosti před pravidlem v Zápatí). */
@media(min-width:992px) and (max-width:1439px){
html body .navigation-buttons{flex-wrap:nowrap!important}
html body .navigation-buttons a.btn.cart-count{padding:0 12px!important;gap:8px}
}
@media(min-width:992px) and (max-width:1199px){
html body .header-phone{margin-left:10px!important}
html body .navigation-buttons a.btn.cart-count{padding:0 10px!important}
}

/* v9: mobilní a tabletová hlavička (do 991 px): košík jako zelené kolečko s bílou ikonou a zlatým počitadlem
   (místo starého zlatého obdélníku) + zpět viditelná ikona přihlášení v horní liště (do 767 px je v šabloně skrytá). */
@media(max-width:991px){
html body .navigation-buttons a.btn.cart-count{width:40px!important;height:40px!important;min-width:0!important;padding:0!important;border-radius:50%!important;background:#355c4a!important;box-shadow:0 1px 4px rgba(0,0,0,.2);display:flex!important;align-items:center;justify-content:center}
html body .navigation-buttons a.btn.cart-count:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2 3h3l2.6 12.4a2 2 0 0 0 2 1.6h8.1a2 2 0 0 0 2-1.5L21 7H6'/%3E%3C/svg%3E")!important;display:block!important;width:22px!important;height:22px!important;margin:0!important;background:0 0!important;font-family:inherit!important}
html body .navigation-buttons a.btn.cart-count i{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#c8a75d!important;color:#fff;font:600 11px/18px "Open Sans",sans-serif;text-align:center;box-sizing:border-box}
}
@media(max-width:767px){
html body .navigation-buttons a.btn.cart-count{top:-43px!important;right:54px!important;left:auto!important}
html body .top-navigation-tools .responsive-tools a[data-target=login]{display:block!important;position:absolute!important;right:98px;top:7px;width:40px;height:40px}
html body .fvscn-notification{margin-right:112px!important}
}

/* v10: tlačítko menu (hamburger) na mobilu ve zlaté webu (#C8A75D) místo šedé */
@media(max-width:767px){
html body .top-navigation-tools .responsive-tools a[data-target=navigation]:before{background-color:#C8A75D!important}
}

/* v11: tablet (768–991 px): tlačítko menu v zeleném pruhu ve zlaté (jako na mobilu) a Přihlášení v horní liště
   jako obrys s ikonou (jako na počítači) místo tenkého šedého textu */
@media(min-width:768px) and (max-width:991px){
html body .menu-helper:after,html body .menu-helper span{background-color:#C8A75D!important}
html body .top-nav-button-login{margin-top:8px;display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border:1.5px solid #355c4a;border-radius:18px;color:#355c4a;font-weight:600;font-size:13px;background:#fff}
html body .top-nav-button-login:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23355c4a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
html body .top-nav-button-login:hover{background:#eef3f0}
}