/* TripTale – shared button variants. This file is loaded after page styles. */
:root{--tt-primary:#126e82;--tt-primary-hover:#0e5969;--tt-danger:#9d2d2d;--tt-danger-hover:#7f2323;--tt-back:#e3ebee;--tt-border:#d6e0e4}

/* Normal action */
a.button,button.button,.save,.image-button{display:inline-block;padding:9px 12px;background:var(--tt-primary);color:#fff;border:0;border-radius:7px;text-decoration:none;font:inherit;font-weight:700;cursor:pointer;line-height:1.25}
a.button:hover,button.button:hover,.save:hover,.image-button:hover{background:var(--tt-primary-hover)}

/* Back action */
a.button.back,a.button.back:hover,button.button.back,button.button.back:hover{background:var(--tt-back);color:var(--tt-primary)}

/* Destructive action */
a.button.delete,a.button.delete:hover,button.button.delete,button.button.delete:hover,button.delete,button.delete:hover,button.delete-trip,button.delete-trip:hover,.trip-management button.delete-trip,.trip-management button.delete-trip:hover{background:var(--tt-danger);color:#fff}
a.button.delete:hover,button.button.delete:hover,button.delete:hover,button.delete-trip:hover,.trip-management button.delete-trip:hover{background:var(--tt-danger-hover)}

/* Compact action */
a.button.small,button.button.small{padding:7px 10px;font-size:.9rem}

/* Archive management */
.trip-management button{background:var(--tt-primary);color:#fff;border:0;border-radius:7px;font:inherit;font-weight:700;cursor:pointer}
.trip-management button:hover{background:var(--tt-primary-hover)}
.trip-management button.delete-trip,.trip-management button.delete-trip:hover{background:var(--tt-danger)}

.success{background:#e6f5e9;color:#1d6831;padding:12px;border-radius:8px}.error{background:#ffe6e3;color:#8b2424;padding:12px;border-radius:8px}
.card,.hero,.day,.choice{border:1px solid var(--tt-border);box-shadow:0 3px 12px rgba(23,32,42,.08)}
.card{border-left:4px solid #75aeb9}.card:hover{box-shadow:0 7px 20px rgba(23,32,42,.13)}
/* Bildflächen werden auch bei Hochkant- und quadratischen Bildern sauber beschnitten. */
img{border-radius:10px;clip-path:inset(0 round 10px)}
@media(max-width:600px){.actions{display:flex;flex-wrap:wrap;gap:8px}.actions .button,.actions button{width:auto}.trip-management form{display:block;margin:10px 0 0}}
.icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;padding:7px!important}.icon svg{display:block!important;width:17px!important;height:17px!important}
