/* === Barre du haut : motif frise + voile pour lisibilité === */
header.v-app-bar, .v-app-bar.v-toolbar, .v-toolbar.v-app-bar {
  background-color:#342B23 !important;
  background-image: linear-gradient(rgba(45,28,16,.50), rgba(45,28,16,.50)), url(/_safsaf/frise.png) !important;
  background-size: auto 100% !important;
  background-repeat: repeat-x !important;
  background-position: left center !important;
}
header.v-app-bar .v-toolbar-title, header.v-app-bar .v-app-bar-title, header.v-app-bar .v-btn,
header.v-app-bar .v-icon, header.v-app-bar a, header.v-app-bar span, header.v-app-bar h1, header.v-app-bar h2 {
  color:#fff !important; text-shadow:0 1px 3px rgba(0,0,0,.9) !important;
}
img[alt="Mealie"], img[alt="mealie"], img[src*="svg-logo"], .v-navigation-drawer img[src*="logo"] {
  content: url(/_safsaf/logo.png) !important; object-fit: contain !important;
}
/* === Notes en chameaux (cartes) === */
.rating-display .star-full, .rating-display .star-empty {
  display:inline-block; width:1.05em; height:1.05em; line-height:1.05em; color:transparent !important;
  background-repeat:no-repeat; background-position:left center; background-size:1.05em 1.05em; vertical-align:middle;
}
.rating-display .star-empty { background-image:url(/_safsaf/camel-empty.png) !important; }
.rating-display .star-full  { background-image:url(/_safsaf/camel-full.png)  !important; }
/* === Notes en chameaux (fiche, anti-flash) === */
.v-rating .v-icon svg { opacity:0 !important; }
.v-rating .v-icon { background-image:url(/_safsaf/camel-empty.png); background-repeat:no-repeat; background-position:center; background-size:contain; }

/* === Barre un peu plus haute (72px) + compensation contenu/menu === */
header.v-app-bar, .v-app-bar.v-toolbar, .v-toolbar.v-app-bar { height: calc(72px + env(safe-area-inset-top,0px)) !important; }
header.v-app-bar .v-toolbar__content, .v-app-bar .v-toolbar__content { height: 72px !important; }
.v-main { padding-top: calc(72px + env(safe-area-inset-top,0px)) !important; }
.v-navigation-drawer {
  top: calc(72px + env(safe-area-inset-top,0px)) !important;
  height: calc(100% - 72px - env(safe-area-inset-top,0px)) !important;
  max-height: calc(100% - 72px - env(safe-area-inset-top,0px)) !important;
}