/* ==============================================================
   SHAHMIE TRAVEL & TOURS — HTML V7 UI REFINEMENTS
   Blue + orange panel system, dashboard-only campaign, new login,
   updated footer and responsive refinements.
   ============================================================== */
:root{
  --sh-blue-950:#02132f;
  --sh-blue-900:#041b40;
  --sh-blue-850:#052552;
  --sh-blue-800:#07346f;
  --sh-blue-700:#0b4ca0;
  --sh-orange:#ff6500;
  --sh-orange-2:#ff8d20;
  --sh-gold:#f4bd43;
  --sh-surface:#f5f8fd;
  --sh-border:#dce5f1;
}

/* ---------------- PANEL THEME ---------------- */
.panel-body{
  background:
    radial-gradient(circle at 88% 0%,rgba(255,101,0,.09),transparent 24rem),
    radial-gradient(circle at 22% 10%,rgba(11,76,160,.08),transparent 28rem),
    #eef3fa!important;
  color:#15213a!important;
}
.panel-content{
  background:
    linear-gradient(180deg,rgba(248,251,255,.94),rgba(239,245,252,.96))!important;
  min-height:calc(100vh - 86px);
}
.sidebar{
  background:
    radial-gradient(circle at 0 0,rgba(255,101,0,.11),transparent 18rem),
    linear-gradient(180deg,#020f27 0%,#031b3e 44%,#05295b 100%)!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  box-shadow:18px 0 45px rgba(2,19,47,.18)!important;
}
.sidebar::before{content:"";display:block;position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--sh-orange),var(--sh-gold),#0d71d8)}
.sidebar-brand{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important;margin:0 0 14px!important;padding:8px 14px!important;min-height:86px!important}
.sidebar-brand img{width:215px!important;height:68px!important;filter:none!important;opacity:1!important}
.sidebar-role{background:linear-gradient(135deg,rgba(255,101,0,.13),rgba(255,255,255,.035))!important;border-color:rgba(255,190,96,.18)!important}
.sidebar-role span{color:#91abd1!important}.sidebar-role strong{color:#ffd171!important}
.sidebar-section,.nav-label{color:#718eb8!important}
.sidebar-nav a{color:#c9d7ec!important;border:1px solid transparent!important;transition:.22s ease!important}
.sidebar-nav a i{color:#85a7d5!important}
.sidebar-nav a:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.055)!important;color:#fff!important;transform:translateX(2px)}
.sidebar-nav a.active{background:linear-gradient(105deg,#ff6500,#ff8617)!important;box-shadow:0 10px 28px rgba(255,101,0,.25)!important;color:#fff!important;border-color:rgba(255,255,255,.1)!important}
.sidebar-nav a.active i{color:#fff!important}
.sidebar-footer{border-top-color:rgba(255,255,255,.08)!important}
.panel-topbar{background:rgba(255,255,255,.93)!important;border-bottom:1px solid #dce5f1!important;backdrop-filter:blur(14px)!important;box-shadow:0 8px 28px rgba(5,37,82,.06)!important}
.panel-title h1{color:#052552!important}.panel-title p{color:#73829a!important}
.panel-user{border-color:#e3e9f2!important;background:#fff!important}.panel-user .avatar{background:linear-gradient(135deg,#07346f,#0b4ca0)!important;color:#fff!important}
.panel-help{color:#0b4ca0!important;background:#edf5ff!important;border-color:#d8e7fb!important}
.panel-card,.table-card,.stat-card,.card,.panel-page-hero{border-color:#dfe7f1!important;box-shadow:0 13px 38px rgba(4,37,82,.065)!important}
.panel-card-head h3,.table-toolbar h3,.panel-page-hero h2{color:#052552!important}
.panel-page-icon{background:linear-gradient(135deg,#052552,#0b4ca0)!important}
.btn-primary{background:linear-gradient(135deg,#ff6500,#ff8a1a)!important;box-shadow:0 8px 22px rgba(255,101,0,.18)!important}
.btn-outline{color:#063267!important;border-color:#cedbea!important;background:#fff!important}.btn-outline:hover{border-color:#0b4ca0!important;background:#eef5ff!important}
.eyebrow{color:#ff6500!important;background:#fff1e8!important}
.badge-info{background:#e7f1ff!important;color:#0756af!important}.badge-warning{background:#fff2dc!important;color:#a95d00!important}
.progress span,.slot-meter span{background:linear-gradient(90deg,#0b4ca0,#ff6500)!important}

/* Campaign only exists on dashboard after V7 JS change. */
.panel-campaign{border:1px solid rgba(10,71,151,.15)!important;box-shadow:0 24px 58px rgba(3,34,77,.16)!important}
.panel-campaign-slide{background-color:#052552!important}
.panel-campaign-copy .eyebrow{background:rgba(255,255,255,.12)!important;color:#ffd373!important}
.panel-campaign-copy h2{color:#fff!important}.panel-campaign-copy p{color:#d6e3f5!important}
.panel-campaign-meta strong{color:#ffb33d!important}

/* Dashboard hero + interior feature blocks */
.dashboard-hero{
  background:
    linear-gradient(110deg,rgba(2,19,47,.95),rgba(7,52,111,.84) 60%,rgba(255,101,0,.35)),
    url('../images/gallery/activity-1.webp') center/cover!important;
  border:1px solid rgba(6,58,124,.15)!important;
  box-shadow:0 22px 55px rgba(3,31,71,.15)!important;
}
.dashboard-hero .eyebrow{background:rgba(255,255,255,.13)!important;color:#ffd276!important}
.dashboard-hero h2,.dashboard-hero p{color:#fff!important}
.dashboard-mini-slide{border-color:rgba(5,57,126,.13)!important}
.stat-card.premium.accent{background:linear-gradient(135deg,#ff6500,#ff8a1a)!important}
.quick-icon,.payment-avatar,.payment-seq{background:#fff1e7!important;color:#ff6500!important}

/* ---------------- LOGIN V7 ---------------- */
.login-v7-body{background:#edf3fb!important}
.auth-shell-v7{min-height:calc(100vh - 116px);grid-template-columns:minmax(0,1.07fr) minmax(470px,.93fr)!important;background:#eff4fb!important;overflow:hidden!important}
.auth-visual-v7{position:relative;min-height:760px!important;padding:54px 58px!important;align-items:flex-end!important;overflow:hidden!important;background:
  linear-gradient(130deg,rgba(2,19,47,.96),rgba(6,48,103,.89) 54%,rgba(255,101,0,.42)),
  url('../images/gallery/activity-8.webp') center/cover!important}
.auth-visual-v7::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,150,45,.28),transparent 22rem),linear-gradient(180deg,transparent 38%,rgba(2,19,47,.62));pointer-events:none}
.auth-visual-pattern{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px}
.auth-v7-logo-wrap{position:absolute;left:54px;top:46px;z-index:2;width:300px;padding:10px 16px;border-radius:18px;background:rgba(1,15,39,.28);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(8px)}
.auth-v7-logo-wrap img{width:100%;height:90px;object-fit:contain;filter:none!important;opacity:1!important}
.auth-promo-v7{max-width:760px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;position:relative;z-index:2}
.auth-kicker{display:inline-flex;align-items:center;gap:9px;color:#ffd06b!important;font-size:.8rem;font-weight:900;letter-spacing:.12em;padding:8px 12px;border:1px solid rgba(255,206,106,.25);background:rgba(255,101,0,.13);border-radius:999px}
.auth-promo-v7 h1{max-width:720px;margin:17px 0 13px!important;font-size:clamp(3rem,5.2vw,5.2rem)!important;line-height:.98!important;letter-spacing:-.05em!important}
.auth-promo-v7>p{max-width:660px!important;color:#d7e3f4!important}
.auth-promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.auth-promo-grid>span{display:grid;grid-template-columns:38px 1fr;column-gap:8px;align-items:center;padding:13px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.075);backdrop-filter:blur(8px)}
.auth-promo-grid i{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,101,0,.17);color:#ffbd62}
.auth-promo-grid b{color:#fff;font-size:.84rem}.auth-promo-grid small{color:#aac0dc;font-size:.7rem}
.auth-trust-line{display:flex;align-items:center;gap:10px;margin-top:26px;color:#c4d4e8;font-size:.76rem}.auth-trust-line i{color:#ffbd62}
.auth-panel-v7{padding:44px 42px!important;background:radial-gradient(circle at 100% 0,rgba(255,101,0,.09),transparent 18rem),#f5f8fc!important}
.auth-card-v7{width:min(560px,100%)!important;padding:38px!important;border:1px solid #dae3ef!important;border-radius:28px!important;box-shadow:0 28px 70px rgba(3,38,84,.11)!important}
.auth-mobile-logo{display:none}.auth-card-head{margin-bottom:21px}.auth-mini-label{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#ff6500}.auth-card-v7 h2{font-family:'Playfair Display',serif!important;font-size:2.65rem!important;color:#052552!important;margin:5px 0 5px!important}.auth-card-head p{margin:0;color:#738198}
.login-role-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:22px}
.login-role-card{appearance:none;border:1px solid #dce5f0;border-radius:15px;padding:12px 10px;background:#fff;text-align:left;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:7px;color:#102448;cursor:pointer;transition:.2s;box-shadow:0 6px 18px rgba(3,35,79,.035)}
.login-role-card>i:first-child{width:34px;height:34px;border-radius:10px;background:#edf4ff;color:#0b4ca0;display:grid;place-items:center}.login-role-card>i:last-child{font-size:.7rem;color:#a2afc0}.login-role-card b{display:block;font-size:.76rem}.login-role-card small{display:block;font-size:.62rem;color:#8290a4;margin-top:1px}.login-role-card:hover,.login-role-card:focus{border-color:#ff8c36;transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,101,0,.11)}.login-role-card:hover>i:first-child{background:#fff0e5;color:#ff6500}
.auth-divider{display:flex;align-items:center;gap:12px;margin:2px 0 18px;color:#9aa7b8;font-size:.7rem}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:#e1e7f0;flex:1}
.auth-input-wrap{position:relative}.auth-input-wrap>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7f91aa;z-index:2}.auth-input-wrap .form-control{padding-left:42px!important;height:54px!important;border-radius:14px!important;background:#fbfcfe!important}
.auth-submit{width:100%;height:54px;margin-top:20px!important;border-radius:14px!important;display:flex!important;justify-content:center!important;gap:10px!important;font-weight:900!important}
.auth-security-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#8896a8;font-size:.68rem;margin:13px 0 0}.auth-security-note i{color:#0b4ca0}
.auth-register-line{text-align:center;font-size:.78rem;color:#758399;margin-top:17px}.auth-register-line a{color:#ff6500}

/* ---------------- PUBLIC FOOTER UPGRADE ---------------- */
.site-footer{position:relative!important;background:linear-gradient(145deg,#02132f,#052552 53%,#07346f)!important;overflow:hidden!important}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ff6500,#f4bd43,#0d67ca,#ff6500);z-index:3}
.site-footer::after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-230px;top:-300px;background:radial-gradient(circle,rgba(255,101,0,.12),transparent 70%);pointer-events:none}
.site-footer__pattern{opacity:.6!important;background-size:26px 26px!important}
.site-footer .footer-grid{position:relative;z-index:2;gap:28px!important;padding-top:64px!important}
.site-footer .footer-grid>div:not(.footer-brand),.site-footer .footer-main>div{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.03)}
.site-footer .footer-brand{padding:20px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09)}
.site-footer .footer-brand img,.site-footer .footer-logo-only img{width:min(270px,100%)!important;height:82px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;opacity:1!important}
.site-footer h4,.site-footer .footer-title{color:#fff!important;position:relative;padding-bottom:10px}.site-footer h4::after,.site-footer .footer-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:5px;background:linear-gradient(90deg,#ff6500,#f4bd43)}
.site-footer .footer-links a,.site-footer .footer-contact a{transition:.18s}.site-footer .footer-links a:hover,.site-footer .footer-contact a:hover{color:#fff!important;transform:translateX(3px)}
.site-footer .footer-social a{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)!important}.site-footer .footer-social a:hover{background:#ff6500;border-color:#ff6500!important;color:#fff}
.site-footer .footer-bottom{position:relative;z-index:2;background:rgba(0,0,0,.08);padding:0 4px}
.site-cta-shell,.footer-cta__inner{background:linear-gradient(115deg,#041b40,#0a4596 68%,#ff6500)!important;box-shadow:0 24px 60px rgba(4,33,77,.18)!important}

/* Catalog: show full newest portrait artwork cleanly. */
.package-poster{aspect-ratio:4/5!important;background:#07162f!important}.package-poster img{object-fit:cover!important;object-position:center center!important}

/* ---------------- RESPONSIVE ---------------- */
@media(max-width:1100px){
  .auth-shell-v7{grid-template-columns:1fr!important}.auth-visual-v7{min-height:520px!important;padding:36px!important}.auth-v7-logo-wrap{left:36px;top:30px;width:250px}.auth-promo-v7 h1{font-size:clamp(2.7rem,8vw,4.2rem)!important}.auth-panel-v7{padding:34px 22px!important}
}
@media(max-width:900px){
  .panel-content{min-height:calc(100vh - 72px)!important}.sidebar{width:min(304px,88vw)!important}
  .site-footer .footer-grid{grid-template-columns:1fr 1fr!important}.auth-promo-grid{grid-template-columns:1fr 1fr}.auth-promo-grid>span:last-child{grid-column:1/-1}
}
@media(max-width:680px){
  .panel-topbar{height:70px!important}.panel-title h1{font-size:1rem!important}.panel-content{padding:16px 12px 34px!important}
  .auth-visual-v7{display:none!important}.auth-panel-v7{min-height:calc(100vh - 72px);padding:20px 14px!important}.auth-card-v7{padding:27px 18px!important;border-radius:22px!important}.auth-mobile-logo{display:block;margin:0 auto 20px;width:230px}.auth-mobile-logo img{width:100%;height:78px;object-fit:contain;filter:none!important}.auth-card-v7 h2{font-size:2.15rem!important}.login-role-selector{grid-template-columns:1fr!important}.login-role-card{padding:11px 12px}.auth-security-note{font-size:.63rem}
  .site-footer .footer-grid{grid-template-columns:1fr!important;gap:12px!important;padding-top:45px!important}.site-footer .footer-grid>div,.site-footer .footer-brand{padding:16px!important}.site-footer .footer-brand img{margin:auto!important;object-position:center!important}.site-footer .footer-brand{text-align:center}.license-pills{justify-content:center}.site-footer .footer-bottom{padding:14px 4px!important;min-height:auto!important}
}