/* ============================================================
   ProtoKol — COUCHE REDESIGN, réduite aux BOUTONS uniquement.
   Demande user : "remets comme avant mais garde les boutons comme là".
   -> tout le reste (police, titres, fond orange/vagues/ville, sidebar,
   cartes…) REVIENT À L'ORIGINE (on ne le surcharge plus).
   On ne garde QUE : couleurs + animations des boutons, libellés texte
   réaffichés, et boutons d'action des listes compacts.
   Chargée APRÈS style.css, seulement si ?skin=v2 (opt-in). Couleurs en dur,
   police héritée -> aucune dépendance au reste. Retrait = supprimer ce fichier.
   ============================================================ */

/* ===== THÈME CLAUDE : --primary -> corail (cascade sur TOUT l'orange : menus, boutons de liste/action, liens…) ===== */
:root{
  --primary:#d97757!important; --primary-dark:#c15f3c!important; --accent:#e08a6c!important;
  --primary-light:#faf0ea!important; --primary-soft:#f1cdbd!important;
}
/* titres alignés sur le thème */
h1,h2,h3,.login-card h1,.dashboard-head h1{ color:var(--primary-dark,#c15f3c)!important; font-weight:500!important; letter-spacing:-.01em!important; }

/* ===== PRIMAIRE — B : soulèvement + halo (Enregistrer, Se connecter, + Nouveau PV) ===== */
.btn-primary,.dashboard-cta,.search-bar-new{
  color:#fff!important; font-weight:600!important; border-radius:11px!important;
  border:1px solid var(--primary-dark,#b23c08)!important;
  background:linear-gradient(180deg, var(--accent,#f97316), var(--primary,#ea580c) 60%, var(--primary-dark,#c2410c))!important;
  box-shadow:0 7px 16px -9px color-mix(in srgb, var(--primary,#ea580c) 55%, transparent), inset 0 1px 0 rgba(255,255,255,.22)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, filter .2s ease!important;
}
.btn-primary:hover,.dashboard-cta:hover,.search-bar-new:hover{
  transform:translateY(-2px) scale(1.012)!important; filter:brightness(1.04)!important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--primary,#ea580c) 20%, transparent), 0 18px 34px -10px color-mix(in srgb, var(--primary,#ea580c) 58%, transparent), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.btn-primary:active,.dashboard-cta:active,.search-bar-new:active{transform:translateY(-1px) scale(.99)!important; transition-duration:.06s!important}

/* ===== SECONDAIRE — neutre + léger soulèvement (Annuler, Filtrer, Ajouter…) ===== */
.btn-secondary{
  color:#43342a!important; background:#fff!important; border:1px solid #d8c6ad!important; border-radius:11px!important;
  font-weight:600!important; box-shadow:none!important;
  transition:background .2s ease, border-color .2s ease, color .2s ease, transform .18s ease, box-shadow .2s ease!important;
}
.btn-secondary:hover{ background:#fbf5ee!important; border-color:var(--primary,#ea580c)!important; color:var(--primary-dark,#b23c08)!important; transform:translateY(-1px)!important; box-shadow:0 8px 18px -12px color-mix(in srgb, var(--primary,#ea580c) 40%, transparent)!important; }
.btn-secondary:active{transform:translateY(0)!important}

/* ===== RECHERCHE — seulement le bouton de recherche nu (pas + Créer / + Template) ===== */
.search-bar button[type="submit"]:not(.btn-primary):not(.btn-secondary):not(.btn-danger){
  color:#fff!important; background:#5b4636!important; border:1px solid #4a3729!important; border-radius:10px!important; font-weight:600!important; box-shadow:none!important;
}
.search-bar button[type="submit"]:not(.btn-primary):not(.btn-secondary):not(.btn-danger):hover{background:#43342a!important; transform:none!important}

/* ===== DANGER — se remplit en rouge (Supprimer / ×) ===== */
.btn-danger,.rm-reservation,.reservation-row .rm,.photo-thumb .rm{
  color:#dc2626!important; background:#fff!important; border:1px solid #f0c9c4!important; border-radius:9px!important; box-shadow:none!important;
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease!important;
}
.btn-danger:hover,.rm-reservation:hover,.reservation-row .rm:hover,.photo-thumb .rm:hover{ background:#dc2626!important; color:#fff!important; border-color:#dc2626!important; transform:translateY(-1px)!important; box-shadow:0 8px 16px -10px rgba(220,38,38,.5)!important; }

/* ===== VOIR — lien d'action discret ===== */
.btn-view{color:var(--primary-dark,#b23c08)!important; font-weight:600!important}
.btn-view:hover{color:var(--primary,#ea580c)!important}

/* ===== D : la flèche se déploie au survol sur "Se connecter" + "+ Nouveau PV" ===== */
.dashboard-cta::after,.search-bar-new::after,.login-card .btn-primary::after,
.dashboard-cta[data-tooltip]::after,.search-bar-new[data-tooltip]::after{
  content:"\2192"!important; position:static!important; display:inline-flex!important; align-items:center!important;
  background:none!important; color:inherit!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important;
  max-width:0!important; width:auto!important; height:auto!important; opacity:0!important; overflow:hidden!important; margin:0!important;
  transform:translateX(-4px)!important; font:inherit!important; font-weight:800!important; line-height:1!important; white-space:nowrap!important; pointer-events:none!important; clip:auto!important;
  transition:max-width .3s cubic-bezier(.2,.8,.2,1), opacity .25s ease, margin .3s ease, transform .3s ease!important;
}
.dashboard-cta:hover::after,.search-bar-new:hover::after,.login-card .btn-primary:hover::after,
.dashboard-cta[data-tooltip]:hover::after,.search-bar-new[data-tooltip]:hover::after{
  max-width:1.4em!important; opacity:1!important; margin-left:.4em!important; transform:translateX(2px)!important;
}

/* ===== On garde l'affichage TEXTE des boutons d'action (pas d'icône-seule) ===== */
.btn-icon,.btn-iconified{width:auto!important;min-width:0!important;height:auto!important;padding:.5rem .95rem!important;gap:.45rem!important}
.btn-icon>.btn-label,.btn-iconified>.btn-label,.btn-iconified>.docbtn-text{
  position:static!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;overflow:visible!important;white-space:nowrap!important;border:0!important;font:inherit!important
}
.btn-icon[data-tooltip]::after,.btn-icon[data-tooltip]::before,.ri[data-tooltip]::after,.ri[data-tooltip]::before{display:none!important}

/* ===== Boutons d'action des LISTES (Éditer/Aperçu/Dupliquer/Supprimer/Défaut) : compacts ===== */
table.list .btn-edit,table.list .btn-dup,table.list .btn-del,table.list .btn-set,table.list .btn-iconified,table.list .btn-view{
  padding:.3rem .58rem!important; font-size:.79rem!important; gap:.32rem!important; border-radius:8px!important;
}
table.list .btn-edit svg,table.list .btn-dup svg,table.list .btn-del svg,table.list .btn-set svg,table.list .btn-iconified svg{ width:13px!important; height:13px!important }
table.list td.actions{ gap:.34rem!important }

/* ===== SIDEBAR — couleurs du thème Claude (crème chaude + accent corail #D97757) ===== */
.sb-nav{ background:#e7dcc4!important; color:#3a352c!important; border-right:1px solid #d6c8ad!important; box-shadow:1px 0 0 rgba(74,42,16,.06)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
.sb-account{ color:#8c8578!important }
.sb-heading{ color:#a39b8b!important }
.sb-link{ color:#46423a!important }
.sb-link:hover{ background:#e3ddd0!important; color:#1f1e1b!important }
.sb-link.is-active{ background:#d97757!important; color:#fff!important }
.sb-link.is-active .sb-ico svg{ color:#fff!important }
.sb-logout{ color:#8c8578!important }
.sb-logout:hover{ color:#bd5d3a!important; background:#e3ddd0!important }
.sb-list--foot{ border-top:1px solid #ddd6c9!important }
.sb-burger{ color:#8c8578!important }

/* ===== FOND — crème Claude (remplace le ciel orange) ===== */
body{ background:#f0eee6!important; background-image:none!important; }
body::after{ display:block!important; filter:sepia(.6) saturate(3) hue-rotate(-15deg) brightness(.85)!important; mix-blend-mode:multiply!important; opacity:.12!important; background-size:auto 100%!important; height:97vh!important; bottom:clamp(15px,3vh,40px)!important; background-position:center bottom!important; }   /* ville ENTIÈRE, agrandie (plus haut + plus bas) */
.pk-waves use{ fill:rgba(189,93,58,.06)!important }     /* vagues en corail très discret */

/* ===== Logo affiché recoloré vers le corail du thème (aperçu) ===== */
/* nouveau logo navy/turquoise affiché tel quel — plus de recolorisation */

/* ===== Phrases / descriptions sous les titres : lisibles sur le crème ===== */
.subtitle,.page-desc,.hint.page-desc,p.hint,.dashboard-head p,.main-head p,.form .hint{ color:#5f5448!important }