/*==============================================================
  File: Hotel/css/help.css
  OSPYRIA - Guida completa
  Ver. 2026.0812.2225
==============================================================*/

#helpPage { --help-blue:#1f4e79; --help-blue-2:#2e75b6; --help-border:#d9e2ec; --help-soft:#f5f8fc; }
.help-hero { background:linear-gradient(135deg,#eef5ff 0%,#fff 72%); border:1px solid #d8e5f3; border-radius:16px; padding:1.1rem 1.25rem; }
.help-hero-icon { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:var(--help-blue); color:#fff; font-size:1.5rem; box-shadow:0 8px 22px rgba(31,78,121,.18); flex:0 0 auto; }
.help-kicker { font-size:.72rem; font-weight:800; letter-spacing:.14em; color:var(--help-blue-2); }
.help-title { font-size:1.65rem; font-weight:800; color:#17324d; }
.help-subtitle { color:#66788a; font-size:.92rem; }
.help-search-wrap { width:min(520px,100%); }

.help-sidebar-sticky { position:sticky; top:72px; }
.help-side-card { border:1px solid var(--help-border); border-radius:12px; overflow:hidden; }
.help-side-card .card-header { background:#f8fafc; color:#31475c; border-bottom:1px solid var(--help-border); font-weight:700; font-size:.88rem; }
#helpSidenav { max-height:calc(100vh - 160px); overflow:auto; }
.help-navlink { display:flex; align-items:center; gap:.55rem; padding:.42rem .58rem; margin:.08rem 0; border-radius:8px; color:#506274; text-decoration:none; font-size:.82rem; line-height:1.2; transition:all .15s ease; }
.help-navlink i { width:1.1rem; color:#74899d; text-align:center; }
.help-navlink:hover { background:#eef5ff; color:#0d6efd; }
.help-navlink.active { background:#e7f0ff; color:#0b5ed7; font-weight:700; }
.help-navlink.active i { color:#0b5ed7; }

.help-section { border:1px solid var(--help-border); border-radius:14px; background:#fff; overflow:hidden; margin-bottom:1rem; scroll-margin-top:82px; box-shadow:0 2px 8px rgba(31,55,80,.035); }
.help-card-header { display:flex; align-items:center; gap:.25rem; padding:.72rem 1rem; background:linear-gradient(90deg,var(--help-blue),#2c6ca4); color:#fff; font-size:.96rem; font-weight:750; }
.help-card-body { padding:1rem 1.05rem; color:#334455; font-size:.9rem; }
.help-card-body p:last-child { margin-bottom:0; }
.help-perm { margin-left:auto; border:1px solid rgba(255,255,255,.45); color:#fff; background:rgba(255,255,255,.12); border-radius:999px; font-size:.67rem; font-weight:600; padding:.18rem .48rem; }
.help-subhead { color:#245d91; font-size:.92rem; font-weight:800; border-bottom:2px solid #e4edf6; padding-bottom:.3rem; margin:0 0 .65rem; }
.help-topic + .help-topic .help-subhead { margin-top:1rem; }
.help-list { margin:.35rem 0 .15rem; padding-left:1.2rem; }
.help-list li { margin-bottom:.3rem; }
.help-table { font-size:.84rem; margin-bottom:.25rem; }
.help-table th { color:#304b65; white-space:nowrap; }
.help-table thead th { background:#f3f7fb; border-bottom-color:#cddbea; }
.help-table td,.help-table th { vertical-align:top; }

.help-note { display:flex; align-items:flex-start; gap:.55rem; border-radius:10px; padding:.7rem .8rem; margin:.55rem 0; font-size:.84rem; }
.help-note i { flex:0 0 auto; margin-top:.05rem; }
.help-note.info { background:#eaf5ff; border:1px solid #b9dcfa; color:#174a73; }
.help-note.warn { background:#fff6dd; border:1px solid #efd58b; color:#66500f; }
.help-note.tip { background:#eef9f4; border:1px solid #b9e1cf; color:#245c45; }

.help-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; }
.help-feature { display:flex; gap:.65rem; align-items:flex-start; background:#f8fafc; border:1px solid #e1e8f0; border-radius:10px; padding:.7rem; min-height:76px; }
.help-feature>i { font-size:1.1rem; color:#2e75b6; margin-top:.05rem; }
.help-feature strong { display:block; color:#263d53; font-size:.84rem; margin-bottom:.15rem; }
.help-feature span { display:block; color:#6b7c8c; font-size:.78rem; line-height:1.3; }

.help-compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.help-compare-item { border:1px solid #dfe7ef; border-radius:10px; padding:.75rem; background:#fbfcfe; }
.help-compare-item strong { display:block; color:#2d445a; margin-bottom:.35rem; }
.help-compare-item span { display:block; color:#68798a; font-size:.82rem; line-height:1.35; }

.help-accordion .accordion-button { font-size:.86rem; font-weight:650; padding:.7rem .85rem; }
.help-accordion .accordion-button:not(.collapsed) { background:#eaf3ff; color:#174f82; }
.help-accordion .accordion-body { font-size:.84rem; color:#425466; }
.help-footer-note { border:1px dashed #b9cad9; background:#f8fafc; color:#607386; border-radius:10px; padding:.75rem .9rem; margin-bottom:.5rem; font-size:.8rem; }

#helpSearchResults .help-search-summary { display:flex; align-items:center; gap:.5rem; margin-bottom:.65rem; color:#526578; font-size:.85rem; }
#helpSearchResults .help-search-hit { background:#fff; border:1px solid #dce5ed; border-radius:10px; padding:.72rem .85rem; margin-bottom:.45rem; cursor:pointer; transition:border-color .15s,box-shadow .15s,transform .15s; }
#helpSearchResults .help-search-hit:hover { border-color:#78aee1; box-shadow:0 4px 14px rgba(34,92,145,.10); transform:translateY(-1px); }
#helpSearchResults .help-search-hit-title { color:#135e9e; font-weight:750; font-size:.88rem; }
#helpSearchResults .help-search-hit-context { color:#758696; font-size:.78rem; margin-top:.18rem; }
#helpSearchResults mark { background:#fff1a8; padding:0 .1rem; border-radius:2px; }
.help-section-highlight { animation:helpHL .9s ease-out; }
@keyframes helpHL { 0%{box-shadow:0 0 0 3px rgba(13,110,253,.35)} 100%{box-shadow:0 0 0 0 rgba(13,110,253,0)} }

#offcanvasHelp .offcanvas-header { background:var(--help-blue,#1f4e79); color:#fff; }
#offcanvasHelp .offcanvas-header .btn-close { filter:invert(1); }
.help-oc-search { padding:.85rem 1rem .55rem; }
.help-oc-divider { padding:.45rem 1rem; background:#f3f6f9; border-top:1px solid #e3e9ef; border-bottom:1px solid #e3e9ef; color:#718096; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.help-oc-nav { padding:.45rem .6rem .7rem; }
.help-oc-nav a { display:flex; align-items:center; gap:.55rem; padding:.5rem .65rem; margin:.05rem 0; border-radius:8px; color:#42566a; text-decoration:none; font-size:.83rem; }
.help-oc-nav a i { width:1.1rem; color:#6483a0; text-align:center; }
.help-oc-nav a:hover { background:#eef5ff; color:#0b5ed7; }
.help-quick-link { display:flex; align-items:center; justify-content:space-between; gap:.5rem; text-decoration:none; border:1px solid #e0e7ee; border-radius:9px; padding:.6rem .7rem; margin-bottom:.45rem; color:#3f5367; background:#fff; font-size:.84rem; }
.help-quick-link:hover { border-color:#9fc2e3; background:#f5f9ff; color:#0b5ed7; }
#helpFab { position:fixed; bottom:1.5rem; right:1.5rem; z-index:1040; width:3rem; height:3rem; border-radius:50%; background:#1f4e79; color:#fff; border:none; font-size:1.25rem; box-shadow:0 2px 8px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; transition:background .2s,transform .15s; }
#helpFab:hover { background:#2e75b6; transform:scale(1.06); }

@media (max-width:1199.98px){ .help-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:991.98px){ .help-sidebar-sticky{position:static;} #helpSidenav{max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem;} .help-side-card{margin-bottom:.25rem;} }
@media (max-width:767.98px){ .help-feature-grid,.help-compare-grid{grid-template-columns:1fr;} .help-card-body{padding:.85rem;} .help-perm{display:none;} #helpSidenav{grid-template-columns:1fr;} .help-title{font-size:1.35rem;} }