/* Dejvi Coffee custom styling */ #dejvi-cart{display:none;position:fixed;inset:0;z-index:999999;background:#16120e99;padding:15px;align-items:center;justify-content:center} #dejvi-cart.open{display:flex} #dejvi-cart .dc-box{position:relative;display:grid;grid-template-columns:44% 56%;width:min(100%,1000px);max-height:95dvh;overflow:auto;background:#f8f2ea;border-radius:22px;box-shadow:0 20px 60px #0005;color:#302219} #dejvi-cart .dc-photo{min-height:320px;background:url('https://www.dejvicoffee.cz/user/documents/upload/dejvi_kosik_optimalizovany.jpg') 25% center/cover} #dejvi-cart .dc-content{padding:28px 25px 28px 5px;text-align:center} #dejvi-cart .dc-check{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#526637;color:white;font-size:32px} #dejvi-cart h2{font:normal clamp(27px,3vw,42px) Georgia,serif;margin:15px 0;color:#302219} #dejvi-cart p{font-size:16px;line-height:1.5;margin:0 0 22px} #dejvi-cart .dc-beans{display:flex;justify-content:space-around;max-width:270px;margin:0 auto 10px} #dejvi-cart .dc-beans i{position:relative;width:14px;height:20px;background:#805338;border-radius:50%;transform:rotate(35deg)} #dejvi-cart .dc-beans i:after{content:'';position:absolute;left:6px;top:3px;height:14px;border-left:2px solid #dfb68d;border-radius:50%} #dejvi-cart .dc-progress{height:7px;background:linear-gradient(90deg,#526637 75%,#ded0c0 75%);border-radius:10px;margin:0 auto 25px;max-width:320px} #dejvi-cart .dc-actions{display:grid;gap:12px;max-width:340px;margin:auto} #dejvi-cart .dc-actions a,#dejvi-cart .dc-actions button{display:block;padding:15px;border-radius:9px;font-size:16px;font-weight:700;text-decoration:none;text-align:center;cursor:pointer} #dejvi-cart .dc-go{background:#526637;color:white!important;border:1px solid #526637} #dejvi-cart .dc-back{background:transparent;color:#302219;border:1px solid #c9b59e} #dejvi-cart .dc-close{position:absolute;right:15px;top:10px;z-index:2;border:0;background:transparent;font-size:32px;color:#302219;cursor:pointer} body.dejvi-cart-active .messages .msg-success,body.dejvi-cart-active .messages .message-success,body.dejvi-cart-active .messages .success,body.dejvi-cart-active .messages .msg-success:before{display:none!important} @media(min-width:651px){#dejvi-cart .dc-photo{-webkit-mask-image:linear-gradient(to right,#000 60%,transparent 100%);mask-image:linear-gradient(to right,#000 60%,transparent 100%)}} @media(max-width:650px){#dejvi-cart .dc-box{grid-template-columns:1fr;max-width:390px}#dejvi-cart .dc-photo{min-height:125px;-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent 100%);mask-image:linear-gradient(to bottom,#000 45%,transparent 100%)}#dejvi-cart .dc-content{padding:18px 22px 24px}#dejvi-cart h2{font-size:29px}#dejvi-cart p{font-size:14px;margin-bottom:18px}#dejvi-cart .dc-progress{margin-bottom:18px}} .p-detail .add-to-cart-button{background-color:#526b2e!important;color:#fff!important;font-size:16px!important;font-weight:700!important;border:none!important;border-radius:5px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:9px;transition:background-color .2s ease} .p-detail .add-to-cart-button:hover{background-color:#3d5220!important;color:#fff!important} .p-detail .add-to-cart-button::before{content:""!important;display:inline-block!important;width:21px;height:21px;flex-shrink:0;background-color:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center/contain no-repeat} .dejvi-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#f7f1eb;border-radius:14px;padding:16px 7px;margin:12px 0 20px;color:#493629} .dejvi-benefit{text-align:center;padding:0 8px;min-width:0}.dejvi-benefit+.dejvi-benefit{border-left:1px solid #e4d9ce}.dejvi-benefit svg{width:26px;height:26px;stroke:#805434;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dejvi-benefit strong{display:block;font-size:12px;line-height:1.35;margin:5px 0}.dejvi-benefit span{font-size:11px;line-height:1.35;display:block} @media(max-width:480px){.dejvi-benefits{padding:13px 4px}.dejvi-benefit{padding:0 4px}.dejvi-benefit strong{font-size:10px}.dejvi-benefit span{font-size:9px}} /* Dejvi Coffee – vyrazne tlacitko Pridat dalsi kavu */ #dejvi-cart .dc-back{background:#805338!important;color:#fff!important;border:1px solid #805338!important;font-weight:700!important} #dejvi-cart .dc-back:hover{background:#68412b!important;color:#fff!important} /* Plus icon before Add another coffee */ #dejvi-cart .dc-back::before{content:'+';display:inline-block;margin-right:9px;font-size:21px;font-weight:700;line-height:0.8;vertical-align:middle;color:#fff} /* Dejvi Coffee | tlacitkovy vyber gramaze (aktivuje JS) */ .p-detail .dejvi-weight-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;margin:12px 0 18px} .p-detail .dejvi-weight-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:68px;padding:10px 5px;border:1px solid #dedbd5;border-radius:8px;background:#fff;color:#302d29;cursor:pointer;transition:background .2s,border-color .2s} .p-detail .dejvi-weight-btn strong{font-size:15px;font-weight:600} .p-detail .dejvi-weight-btn small{font-size:13px;color:#68635d} .p-detail .dejvi-weight-btn.active{border:2px solid #567538;background:#edf3e8} .p-detail .dejvi-weight-btn.active::after{content:'✓';position:absolute;top:-8px;right:-6px;background:#567538;color:#fff;width:19px;height:19px;border-radius:50%;text-align:center;line-height:19px;font-size:12px} .p-detail .dejvi-weight-btn:focus-visible{outline:2px solid #567538;outline-offset:3px} /* Skryt puvodni select az po uspesnem vytvoreni tlacitek */ .p-detail select.dejvi-original-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} @media(max-width:380px){.p-detail .dejvi-weight-buttons{gap:6px}.p-detail .dejvi-weight-btn{padding:9px 3px}.p-detail .dejvi-weight-btn strong{font-size:13px}.p-detail .dejvi-weight-btn small{font-size:11px}} /* Dejvi Coffee | kosik: pouze barva textu, bez zmeny rozmeru */ /* Hlavni pokracovani v kosiku */ body.in-kosik .next-step, body.in-kosik .next-step *, body.in-kosik .next-step::before, body.in-kosik .next-step::after { color:#fff!important; } /* Zpet do obchodu: vratit neutralni vzhled */ body.in-kosik .cart-content a.back-to-shop, body.in-kosik .cart-content .back-to-shop, body.in-kosik .cart-content .next-step-back { background:transparent!important; border-color:transparent!important; color:#777!important; } /* Mini kosik: zachovat puvodni velikost tlacitka */ .cart-widget .btn, .cart-widget .btn *, .cart-widget-button, .cart-widget-button * { color:#fff!important; } /* Vyhody produktu: velikost ikon */ .p-detail .dejvi-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .p-detail .dejvi-benefit svg{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;display:inline-block!important} /* DEJVI COFFEE | sjednocena barva akcnich tlacitek */ .p-detail .add-to-cart-button, .products .btn.btn-primary, .product .btn.btn-primary, .btn.btn-conversion, .ordering-process .next-step, .cart-content .next-step { color: #fff !important; } .p-detail .add-to-cart-button :is(span, strong, i), .products .btn.btn-primary :is(span, strong, i), .product .btn.btn-primary :is(span, strong, i), .btn.btn-conversion :is(span, strong, i), .ordering-process .next-step :is(span, strong, i), .cart-content .next-step :is(span, strong, i) { color: #fff !important; } /* Kosik v paticce: Shoptet vklada pocet kusu a cenu do odkazu. */ #footer .custom-footer__cartButton .cart-overview { display: block; } #footer .custom-footer__cartButton .cart-overview > a { display: inline-flex !important; align-items: center; justify-content: center; gap: 5px; min-height: 48px; padding: 10px 20px; border: 1px solid #53652f !important; border-radius: 8px; background: #53652f !important; color: #fff !important; text-decoration: none; font-weight: 700; } #footer .custom-footer__cartButton .cart-overview > a > span { display: inline !important; visibility: visible !important; opacity: 1 !important; color: #fff !important; } #footer .custom-footer__cartButton .cart-overview > a:hover { background: #805338 !important; border-color: #805338 !important; color: #fff !important; } /* Barevne odkazy v kontaktech: jednotny olivovy ton. */ footer a[href^="mailto:"], footer a[href^="tel:"], #footer a[href^="mailto:"], #footer a[href^="tel:"] { color: #526637; } footer a[href^="mailto:"]:hover, footer a[href^="tel:"]:hover, #footer a[href^="mailto:"]:hover, #footer a[href^="tel:"]:hover { color: #805338; } /* DEJVI COFFEE – ORIGINALNI BARVY SOCIALNICH IKON */ #footer .social-icons a, #footer .social-buttons a, #footer a.facebook, #footer a.instagram { border-radius: 12px !important; background-color: transparent !important; overflow: hidden; } /* Facebook */ #footer a.facebook, #footer .social-icons a[href*="facebook.com"], #footer .social-buttons a[href*="facebook.com"] { background-color: #1877f2 !important; color: #ffffff !important; } /* Instagram */ #footer a.instagram, #footer .social-icons a[href*="instagram.com"], #footer .social-buttons a[href*="instagram.com"] { background: linear-gradient( 45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5 ) !important; color: #ffffff !important; } /* Bile symboly uvnitr */ #footer .social-icons a i, #footer .social-buttons a i, #footer a.facebook i, #footer a.instagram i { color: #ffffff !important; } /* Jemny efekt pri najeti */ #footer .social-icons a:hover, #footer .social-buttons a:hover { transform: translateY(-2px); opacity: .9; } /* DEJVI COFFEE – TEXT KOSIK V PATIČCE */ #footer .custom-footer__cartButton .cart-overview .cart-overview-item-count::before { content: "Košík: "; display: inline; color: #ffffff !important; font-weight: 700; margin-right: 4px; }