/* Pizza Doy – Modern-Feinschliff v1 (additiv, nach app.css laden). Entfernen = alter Zustand. */

/* 1) Hauptfarbe Pink -> Orange */
:root{--primary:255 128 0;--primary-slate:255 153 51;--primary-light:255 242 229}

/* fest eingebaute Pink-Werte ersetzen */
.paper-link:hover span,.paper-link:hover svg{stroke:#FF8000;color:#FF8000}
.info-btn:hover svg{fill:#FF8000}
.payment-label input,.accent-primary{accent-color:#FF8000}
.btnr:hover,.num:hover{background-color:#FF80000d}
.vue-dropdown,.vue-select[aria-expanded='true']{border-color:#FF800033 !important}
.font-fill-primary,.font-fill-primary-toggle{color:#FF8000}
.info-btn:hover .font-fill-paragraph{color:#FF8000}
@media (max-width:639px){.font-fill-paragraph-toggle{color:#FF8000 !important}}
.kitchen-board.db-tab-btn.active{background-color:#FF8000 !important}
.carousel__prev:hover,.carousel__next:hover{background-color:#FF8000 !important}

/* 0) automatisch erzeugt: alle fest eingebauten Pink-Werte -> Orange */
:root{--primary:255 128 0 !important}
.db-sidebar:hover::-webkit-scrollbar-thumb{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.db-sidebar-nav-item.active .db-sidebar-nav-menu,.db-sidebar-nav-item.router-link-active .db-sidebar-nav-menu,.db-sidebar-nav-menu.router-link-active{background-color:rgba(255,128,0,.05) !important;color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-message-list .active{background-color:rgba(255,128,0,.05)!important}
.db-message-list .active h4{color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.size-tabs .active{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.size-tabs .active .custom-radio-field:checked+.custom-radio-span{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.extra.active{border-color:rgb(255 128 0/var(--tw-border-opacity,1))!important}
.extra.active .custom-checkbox-field:checked+.custom-checkbox-icon{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important;border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.addon.active{border-color:rgb(255 128 0/var(--tw-border-opacity,1))!important}
.branch-navs .active,.branch-navs .active:hover{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.active-group .active{background-color:rgba(255,128,0,.05)!important;border-color:rgba(255,128,0,.5)!important}
.active-group .active .fa-check{background-color:rgb(255 128 0/var(--tw-bg-opacity,1))!important;border-color:rgb(255 128 0/var(--tw-border-opacity,1))!important}
.active-group .active input:checked+.custom-radio-span{border-color:rgb(255 128 0/var(--tw-border-opacity,1))!important}
.paper-link:hover span,.paper-link:hover svg{stroke:#FF8000 !important;color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.info-btn:hover svg{fill:#FF8000 !important}
.menu-slides .menu-category-active{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.payment-label.active{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.payment-label input{accent-color:#FF8000 !important}
.product-card-grid-cart-btn:hover{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.product-card-list-cart-btn:hover{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.thin-scrolling:hover::-webkit-scrollbar-thumb{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.db-order-status.check:before{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.xmark-btn:hover{color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-btn-outline:hover{background-color:rgba(255,128,0,.05) !important;border-color:rgba(255,128,0,.2) !important;color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-btn-outline.primary{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important;color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-btn-outline.primary:hover{background-color:rgba(255,128,0,.1) !important}
.db-btn-fill.primary{background-color:rgba(255,128,0,.1) !important;color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-btn-fill.primary:hover{background-color:rgba(255,128,0,.2) !important}
.db-card-filter-btn{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.db-card-filter-btn:hover{background-color:rgba(255,128,0,.05) !important;border-color:rgba(255,128,0,.1) !important}
.db-card-filter-btn i,.db-card-filter-btn:hover{color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-card-filter-btn span{color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-card-filter .db-field-down-arrow{color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-card-filter-dropdown-menu:hover{background-color:rgba(255,128,0,.05) !important;color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-breadcrumb-link:hover{color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-tab-btn.active{background-color:rgba(255,128,0,.05)!important;color:rgb(255 128 0/var(--tw-text-opacity,1))!important}
.db-tab-sub-btn.active{background-color:rgb(255 128 0/var(--tw-bg-opacity,1))!important}
.db-tabBtn:hover{color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
@media (min-width:640px){.db-tabBtn{border-bottom-color:rgba(255,128,0,.5) !important}}
.db-tabBtn.active{background-color:rgba(255,128,0,.05) !important;border-color:rgba(255,128,0,.5) !important;color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-tabDiv{border-color:rgba(255,128,0,.5) !important}
.profile-tabBtn.active{--tw-shadow:0px 6px 10px rgba(255,128,0,.24) !important;background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.db-field-control:focus-within{border-color:rgba(255,128,0,.2) !important}
.db-multiple-field:focus-within{border-color:rgba(255,128,0,.2) !important}
.db-multiple-field button{background-color:rgba(255,128,0,.1) !important;color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-multiple-field button:hover{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.db-field-control[type=file]:focus-within:before{background-color:rgba(255,128,0,.2) !important}
.checkbox:checked+.checkmark{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.checkbox:checked+.checkmark,input:checked+div{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.custom-switch input:checked:before{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.custom-switch input:checked+label{color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.custom-checkbox-field:checked+.custom-checkbox-icon{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important;border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.custom-radio-field:checked+.custom-radio-span{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.db-table-action.view i{background-color:rgba(255,128,0,.1) !important;color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.db-table-action.view i:hover{background-color:rgba(255,128,0,.2) !important}
.db-pagination-menu.active{background-color:rgba(255,128,0,.2) !important;color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.pos-group .active{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.footer-part{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.installer-track li.done:after{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.installer-track li.done i{color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.installer-track li.active i,.installer-track li.done i{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.installer-track li.active i{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.unread-message h4:after{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.border-primary{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.border-primary\/30{border-color:rgba(255,128,0,.3) !important}
.border-primary\/40{border-color:rgba(255,128,0,.4) !important}
.\!bg-primary\/5{background-color:rgba(255,128,0,.05)!important}
.bg-primary{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.bg-primary\/10{background-color:rgba(255,128,0,.1) !important}
.bg-primary\/5{background-color:rgba(255,128,0,.05) !important}
.text-primary{color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.accent-primary{accent-color:#FF8000 !important}
.shadow-\[0px_6px_10px_rgba\(255\2c _0\2c _107\2c _0\.24\)\]{--tw-shadow:0px 6px 10px rgba(255,128,0,.24) !important}
.swiper-pagination-bullet-active{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.banner-swiper .swiper-button-prev:hover{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.banner-swiper .swiper-button-next:hover{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.banner-swiper .swiper-pagination-bullet{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.btnr:hover,.num:hover{background-color:#FF80000d !important}
.cs-custom-switcher input:checked:before{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.before\:border-primary:before{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.before\:bg-primary:before{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.focus-within\:border-primary:focus-within{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.focus-within\:border-primary\/20:focus-within{border-color:rgba(255,128,0,.2) !important}
.hover\:border-primary:hover{border-color:rgb(255 128 0/var(--tw-border-opacity,1)) !important}
.hover\:border-primary\/30:hover{border-color:rgba(255,128,0,.3) !important}
.hover\:bg-primary:hover{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.hover\:bg-primary\/5:hover{background-color:rgba(255,128,0,.05) !important}
.hover\:text-primary:hover{color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.group:hover .group-hover\:text-primary{color:rgb(255 128 0/var(--tw-text-opacity,1)) !important}
.peer:checked~.peer-checked\:bg-primary{background-color:rgb(255 128 0/var(--tw-bg-opacity,1)) !important}
.carousel__prev:hover,
.carousel__next:hover{background-color: rgb(255 128 0 / var(--tw-bg-opacity)) !important}
.vue-dropdown{border: 1px solid #FF800033 !important}
.vue-select[aria-expanded='true']{border-color: #FF800033 !important}
.vue-dropdown-item.selected.highlighted{color: rgb(255 128 0 / var(--tw-text-opacity)) !important}
.vue-dropdown-item.selected{color: rgb(255 128 0 / var(--tw-text-opacity)) !important}

.dp__input_focus{border-color: rgb(255 128 0 / 0.2) !important}
.font-fill-primary-toggle{color: #FF8000 !important}
.font-fill-primary{color: #FF8000 !important}
.info-btn:hover .font-fill-paragraph{color: #FF8000 !important}
.kitchen-board.db-tab-btn.active{background-color: #FF8000 !important}

/* 2) Feinschliff Artikel-Karten (Bildgröße bleibt unverändert) */
.product-card-list,.product-card-grid{
  border-radius:14px;border-color:#EEEDF2;overflow:hidden;
  box-shadow:0 1px 2px rgba(20,20,40,.04),0 4px 14px rgba(20,20,40,.05);
  transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}
.product-card-list:hover,.product-card-grid:hover{
  transform:translateY(-2px);border-color:rgba(255,128,0,.35);
  box-shadow:0 10px 26px rgba(255,128,0,.12)}
.product-card-grid-image{border-top-left-radius:14px;border-top-right-radius:14px}
.product-card-list-title,.product-card-grid-title{font-weight:600;letter-spacing:-.01em}
.product-card-list-price-current,.product-card-grid-price-current{font-weight:700;color:#1f1f39}

/* "Hinzufügen"-Button: klare Pille, beim Hover orange gefüllt */
.product-card-list-cart-btn,.product-card-grid-cart-btn{
  border:1px solid rgba(255,128,0,.35);box-shadow:none;height:1.75rem;padding:0 .75rem;
  transition:background-color .2s ease,color .2s ease,transform .15s ease}
.product-card-list-cart-btn:hover,.product-card-grid-cart-btn:hover{background-color:#FF8000}
.product-card-list-cart-btn:hover span,.product-card-grid-cart-btn:hover span{color:#fff}
.product-card-list-cart-btn:active,.product-card-grid-cart-btn:active{transform:scale(.96)}

/* allgemeine Primär-Buttons: leichter Orange-Schatten */
button.bg-primary,a.bg-primary{box-shadow:0 4px 14px rgba(255,128,0,.28);transition:filter .2s ease,transform .15s ease,box-shadow .2s ease}
button.bg-primary:hover,a.bg-primary:hover{filter:brightness(.95)}
button.bg-primary:active,a.bg-primary:active{transform:scale(.98)}

/* Fenster (Modal) etwas weicher */
.modal-dialog{border-radius:16px;box-shadow:0 24px 60px rgba(20,20,40,.18)}

/* 3) Warenkorb-Button unten (Handy) auffälliger */
.mobcart{
  width:3.75rem !important;height:3.75rem !important;line-height:3.75rem !important;
  margin-top:-2.25rem !important;font-size:1.25rem !important;
  background:linear-gradient(145deg,#FF9A1F,#FF6A00) !important;
  border:4px solid #fff;
  box-shadow:0 10px 24px rgba(255,106,0,.45),0 0 0 1px rgba(255,128,0,.15);
  transition:transform .15s ease,box-shadow .2s ease}
.mobcart:active{transform:scale(.94)}
.mobcart:after{top:.55rem !important;width:.7rem !important;height:.7rem !important;border:2px solid #fff}
/* wenn etwas im Warenkorb liegt: sanftes Pulsieren */
.mobcart.after\:bg-\[\#FFDB1F\]{animation:pdCartPulse 2.2s ease-in-out infinite}
@keyframes pdCartPulse{
  0%,100%{box-shadow:0 10px 24px rgba(255,106,0,.45),0 0 0 0 rgba(255,128,0,.45)}
  50%{box-shadow:0 10px 24px rgba(255,106,0,.45),0 0 0 10px rgba(255,128,0,0)}}

/* Warenkorb-Button oben (PC) in Orange statt dunkel */
.webcart{background:linear-gradient(145deg,#FF9A1F,#FF6A00) !important;height:2.25rem !important;padding:0 1rem !important;
  box-shadow:0 6px 16px rgba(255,106,0,.35);font-weight:600 !important;transition:transform .15s ease,filter .2s ease}
.webcart:hover{filter:brightness(.95)}
.webcart:active{transform:scale(.97)}

/* Hover-Weiß im Hinzufügen-Button behalten */
.add-btn:hover .font-fill-primary{color:#fff !important}
.bg-\[\#FFEDF4\],.hover\:bg-\[\#FFEDF4\]:hover{background-color:#FFF2E5 !important}
@media (min-width:640px){.sm\:bg-\[\#FF3B8E\]{background-color:#FF9933 !important}}

/* 4) Extrazutaten als Liste wie bei Lieferando (statt seitlich schieben) */
.extra-swiper .swiper{overflow:visible}
.extra-swiper .swiper-wrapper{display:flex !important;flex-direction:column !important;transform:none !important;height:auto !important;
  border:1px solid #EFF0F6;border-radius:12px;overflow:hidden}
.extra-swiper .swiper-slide{width:100% !important;margin:0 !important}
.extra-swiper .extra{width:100% !important;min-width:0 !important;height:auto !important;min-height:50px;gap:12px !important;
  padding:12px 14px !important;border-radius:0 !important;border:0 !important;background:#fff !important;
  border-bottom:1px solid #EFF0F6 !important;transition:background-color .15s ease}
.extra-swiper .swiper-slide:last-child .extra{border-bottom:0 !important}
.extra-swiper .extra:hover{background:#FFFAF5 !important}
.extra-swiper .extra > div:last-child{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.extra-swiper .extra h3{margin:0 !important;font-size:14px !important;line-height:1.35;text-transform:none}
.extra-swiper .extra h4{font-size:14px !important;font-weight:500 !important;color:#6E7191 !important;white-space:nowrap}
.extra-swiper .custom-checkbox{width:20px !important;height:20px !important;flex:0 0 20px}
.extra-swiper .custom-checkbox-icon{font-size:12px !important;line-height:16px !important;border-radius:5px !important}
.extra-swiper .extra:has(input:checked){background:#FFF4E8 !important}
.extra-swiper .extra:has(input:checked) h3{font-weight:600}
.extra-swiper .extra:has(input:checked) h4{color:#FF8000 !important;font-weight:600 !important}