/* =========================================================
   AS SALIK TRAVEL V3.5
   - OTP password reset, e-mail identity, panel profile menu
   - multi-image gallery UX, slider and ticket refinements
   ========================================================= */

:root{
  --v35-wine:#78111f;
  --v35-wine-dark:#4b0711;
  --v35-gold:#e1ac36;
  --v35-cream:#fff8ef;
  --v35-line:#ead8cf;
  --v35-text:#342327;
}

/* Authentication and password policy */
.auth-shell-v35 .auth-card{max-width:620px}
.forgot-password-link-v35,.auth-back-link{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;color:var(--v35-wine);font-weight:800;text-decoration:none}
.forgot-password-link-v35:hover,.auth-back-link:hover{text-decoration:underline}
.otp-input-v35{text-align:center;font-size:1.7rem!important;font-weight:900;letter-spacing:.45em;padding-left:1.1em!important}
.otp-resend-form-v35{margin-top:12px}.otp-resend-form-v35 .btn{width:100%}
.password-rule-v35{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;margin:16px 0;border-radius:14px;background:#fff8e7;color:#654b2f;border:1px solid #efd9a4;font-size:.9rem}

/* Homepage contact dock */
.assalik-contact-dock .hero-side-card{padding:22px 28px}
.assalik-contact-dock .hero-contact-layout-clean{grid-template-columns:minmax(430px,1.25fr) minmax(390px,.9fr) minmax(220px,.55fr);gap:18px;align-items:center;padding:0}
.assalik-contact-dock .hero-contact-profile{gap:18px;align-items:center}
.assalik-contact-dock .hero-contact-profile img{width:92px;height:92px;border-radius:24px;object-fit:cover;object-position:50% 25%;border:5px solid #fff;box-shadow:0 12px 30px rgba(76,8,18,.14)}
.assalik-contact-dock .hero-contact-profile h3{margin:8px 0 4px;font-size:1.55rem}
.assalik-contact-dock .hero-contact-profile p{margin:0;line-height:1.55;max-width:520px}
.assalik-contact-dock .hero-contact-info-clean{gap:10px}
.assalik-contact-dock .contact-info-card{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;min-height:74px;padding:15px 18px;gap:14px}
.assalik-contact-dock .contact-info-card>span{margin:0;display:flex;align-items:center;gap:9px;white-space:nowrap}
.assalik-contact-dock .contact-info-value{text-align:left;font-size:1.05rem;line-height:1.25;overflow-wrap:anywhere}
.assalik-contact-dock .hero-contact-actions{gap:10px}.assalik-contact-dock .hero-contact-actions .btn{min-height:54px}

/* Homepage benefits and headings */
.system-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.package-showcase-section .section-heading h2,.news-luxury-section .section-heading h2{font-size:clamp(2.05rem,3vw,3rem)!important;line-height:1.08}
.package-showcase-section .section-heading .eyebrow,.news-luxury-section .section-heading .eyebrow{font-size:.84rem}

/* Hero badge parity */
.hero-card-top .hero-card-label,.hero-card-top .hero-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;min-width:132px!important;padding:8px 14px!important;border-radius:999px!important;font-size:.82rem!important;font-weight:900!important;line-height:1!important;white-space:nowrap}

/* Top selling carousel controls */
.premium-package-carousel{overflow:visible!important;padding-bottom:0}
.premium-package-carousel .carousel-controls{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;margin:24px 0 0!important;padding:0!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;pointer-events:auto!important;z-index:10}
.premium-package-carousel .carousel-buttons{display:contents!important}
.premium-package-carousel .carousel-button{position:relative!important;width:auto!important;min-width:150px!important;height:52px!important;padding:0 20px!important;border-radius:16px!important;background:var(--v35-wine-dark)!important;color:#fff!important;border:1px solid #d7a53a!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;box-shadow:0 12px 28px rgba(76,7,17,.18)!important;pointer-events:auto!important}
.premium-package-carousel .carousel-button:first-child{grid-column:1;grid-row:1;justify-self:start}.premium-package-carousel .carousel-button:last-child{grid-column:3;grid-row:1;justify-self:end}
.premium-package-carousel .carousel-button:hover{background:var(--v35-wine)!important;color:#fff!important;transform:translateY(-2px)}
.premium-package-carousel .carousel-dots{grid-column:2;grid-row:1;display:flex!important;gap:7px!important;align-items:center;justify-content:center;pointer-events:auto}
.carousel-dot{font-size:0!important;width:10px!important;height:10px!important;min-width:10px!important;padding:0!important;border-radius:999px!important;border:0!important;background:#d7c9c6!important;transition:.25s}
.carousel-dot.active{width:30px!important;background:linear-gradient(90deg,var(--v35-wine),var(--v35-gold))!important}

/* Company vision and mission */
.company-purpose-section-v35{background:linear-gradient(180deg,#fff,#fffaf4)}
.pdo-vision-grid-v35{gap:24px}
.pdo-vision-grid-v35 article{position:relative;overflow:hidden;min-height:390px;padding:38px 38px 32px;border-radius:30px;border:1px solid var(--v35-line);box-shadow:0 22px 55px rgba(55,9,16,.08);display:flex;flex-direction:column;align-items:flex-start}
.pdo-vision-grid-v35 article:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-95px;bottom:-110px;border:38px solid rgba(255,255,255,.08)}
.pdo-vision-grid-v35 .vision-card-v35{background:linear-gradient(145deg,#fffdf9,#f8efe5)}
.pdo-vision-grid-v35 .mission-card-v35{background:linear-gradient(145deg,#65101d,#8c182a);color:#fff;border-color:#8b2636}
.pdo-vision-grid-v35 .mission-card-v35 h2,.pdo-vision-grid-v35 .mission-card-v35 p{color:#fff}
.purpose-icon-v35{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:#f7e5b9;color:var(--v35-wine);font-size:1.6rem;margin-bottom:26px;box-shadow:inset 0 0 0 1px rgba(120,17,31,.07)}
.mission-card-v35 .purpose-icon-v35{background:#f4cc62;color:#5b0914}
.purpose-index-v35{position:absolute;right:28px;top:22px;font:800 4.2rem/1 "Playfair Display",serif;color:rgba(106,16,29,.08)}
.mission-card-v35 .purpose-index-v35{color:rgba(255,255,255,.11)}
.purpose-label-v35{text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#9c1729;font-size:.77rem}
.mission-card-v35 .purpose-label-v35{color:#f7d77e}
.pdo-vision-grid-v35 h2{font-size:clamp(1.8rem,2.4vw,2.55rem);margin:10px 0 14px;line-height:1.1}
.pdo-vision-grid-v35 p{font-size:1.02rem;line-height:1.75;margin:0 0 24px}
.purpose-tags-v35{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.purpose-tags-v35 span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--v35-line);font-size:.78rem;font-weight:800;color:var(--v35-wine)}
.mission-card-v35 .purpose-tags-v35 span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}

/* Dashboard quick links hover visibility */
.dashboard-access-grid a:hover,.dashboard-access-grid a:focus-visible{background:#fff8ec!important;color:var(--v35-wine-dark)!important;border-color:#e9c978!important}
.dashboard-access-grid a:hover span,.dashboard-access-grid a:focus-visible span{background:linear-gradient(135deg,#f6d36c,#dca42f)!important;color:var(--v35-wine-dark)!important}
.dashboard-access-grid a:hover span i,.dashboard-access-grid a:focus-visible span i,.dashboard-access-grid a:hover>i:last-child,.dashboard-access-grid a:focus-visible>i:last-child{color:var(--v35-wine-dark)!important;opacity:1!important}
.dashboard-access-grid a:hover strong,.dashboard-access-grid a:focus-visible strong{color:var(--v35-wine-dark)!important}

/* Package multi-image uploader */
.package-gallery-upload-v35{padding:22px;border-radius:22px;background:#fffaf4;border:1px solid var(--v35-line)}
.package-gallery-upload-head-v35{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.package-gallery-upload-head-v35 label{display:block;font-size:1.02rem;font-weight:900}.package-gallery-upload-head-v35 small{display:block;margin-top:4px;color:#7e6a6d}.package-gallery-upload-head-v35>span{padding:8px 12px;border-radius:999px;background:#f5e5e8;color:var(--v35-wine);font-weight:800;font-size:.82rem;white-space:nowrap}
.package-gallery-dropzone-v35{min-height:170px;border:2px dashed #d9b5bb;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;cursor:pointer;transition:.25s}.package-gallery-dropzone-v35:hover{border-color:var(--v35-wine);background:#fff8f5;transform:translateY(-1px)}.package-gallery-dropzone-v35 i{font-size:2.1rem;color:var(--v35-wine);margin-bottom:10px}.package-gallery-dropzone-v35 strong{font-size:1.05rem}.package-gallery-dropzone-v35 span{color:#806d70;margin-top:5px;max-width:560px}.package-gallery-dropzone-v35 input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.package-gallery-preview-v35{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:16px}.package-gallery-preview-item-v35{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--v35-line)}.package-gallery-preview-item-v35 img{width:100%;height:110px;object-fit:cover;display:block}.package-gallery-preview-item-v35 span{display:block;padding:8px;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.package-gallery-note-v35{display:flex;align-items:flex-start;gap:9px;margin-top:14px;color:#7b686b;font-size:.84rem}.package-gallery-note-v35 code{background:#f2e8e1;padding:1px 5px;border-radius:5px}
.existing-gallery-head-v35{display:flex;justify-content:space-between;align-items:center;margin:24px 20px 0}.existing-gallery-head-v35 h3{margin:0}.existing-gallery-head-v35 p{margin:3px 0 0;color:#7c6b6e}.pdo-admin-gallery-v35 article{position:relative}.pdo-admin-gallery-v35 img{height:145px}.pdo-admin-gallery-v35 .btn{width:100%}

/* Panel user dropdown */
.panel-user-menu-v35{position:relative}.panel-user-button-v35{border:0;background:transparent;cursor:pointer;padding:6px 8px;border-radius:16px}.panel-user-button-v35:hover,.panel-user-button-v35[aria-expanded="true"]{background:#f8efe8}.panel-user-button-v35 .avatar{overflow:hidden}.panel-user-button-v35 .avatar img{width:100%;height:100%;object-fit:cover}.panel-user-chevron-v35{font-size:.7rem;color:#816d70;transition:.2s}.panel-user-button-v35[aria-expanded="true"] .panel-user-chevron-v35{transform:rotate(180deg)}
.panel-user-dropdown-v35{position:absolute;right:0;top:calc(100% + 10px);width:270px;background:#fff;border:1px solid var(--v35-line);border-radius:18px;box-shadow:0 24px 60px rgba(55,9,16,.18);padding:10px;z-index:100}.panel-user-dropdown-v35[hidden]{display:none}.panel-user-dropdown-head-v35{padding:12px 13px 14px;border-bottom:1px solid #eee1dc;margin-bottom:6px}.panel-user-dropdown-head-v35 strong,.panel-user-dropdown-head-v35 span{display:block}.panel-user-dropdown-head-v35 span{font-size:.82rem;color:#7c696d;margin-top:4px;overflow-wrap:anywhere}.panel-user-dropdown-v35>a,.panel-user-dropdown-v35 button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:#432d31;font-weight:800;text-align:left;cursor:pointer;text-decoration:none}.panel-user-dropdown-v35>a:hover,.panel-user-dropdown-v35 button:hover{background:#fff2e5;color:var(--v35-wine)}.panel-user-dropdown-v35 i{width:22px;text-align:center;color:var(--v35-wine)}.panel-user-dropdown-v35 form{margin:0}

/* Account page */
.account-grid-v35{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px}.account-summary-v35{padding:30px;text-align:center}.account-avatar-large-v35{width:124px;height:124px;border-radius:34px;margin:0 auto 18px;background:linear-gradient(135deg,var(--v35-wine),#b22a3e);display:grid;place-items:center;color:#fff;font-size:3rem;font-weight:900;overflow:hidden;box-shadow:0 18px 38px rgba(120,17,31,.2)}.account-avatar-large-v35 img{width:100%;height:100%;object-fit:cover}.account-summary-v35 h2{margin:0 0 4px}.account-summary-v35>p{color:#7d696d;margin:0 0 24px}.account-summary-v35 dl{display:grid;gap:0;text-align:left}.account-summary-v35 dl div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:13px 0;border-top:1px solid #eee3df}.account-summary-v35 dt{color:#806d70}.account-summary-v35 dd{margin:0;font-weight:800;overflow-wrap:anywhere}.account-form-v35 .panel-card-head>i{font-size:1.3rem;color:var(--v35-wine)}

/* Tickets */
.ticket-workspace-v34{grid-template-columns:minmax(390px,440px) minmax(0,1fr)!important;gap:22px!important}
.ticket-list-card-v34{border-radius:24px!important}.ticket-list-v34{padding:12px!important;display:grid;gap:10px}.ticket-list-item-v34{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;min-height:105px!important;padding:16px!important;border:1px solid transparent!important;border-radius:18px!important;background:#fff!important}.ticket-list-item-v34:hover{background:#fff8ef!important;border-color:#ead0b8!important;transform:translateY(-1px)}.ticket-list-item-v34.active{background:linear-gradient(135deg,#fff7eb,#fceee9)!important;border-color:#e8c8aa!important;box-shadow:0 12px 28px rgba(87,16,27,.08)}
.ticket-list-icon-v34{width:54px!important;height:54px!important;border-radius:17px!important;display:grid!important;place-items:center!important;background:#f5e5e8!important;color:var(--v35-wine)!important;font-size:1.15rem!important;margin:0!important}.ticket-list-icon-v34 i{display:block;line-height:1}
.ticket-list-main-v34{min-width:0}.ticket-list-reference-v34{display:flex!important;align-items:center;gap:7px!important;flex-wrap:wrap;margin-bottom:5px}.ticket-list-reference-v34 span{font-size:.74rem;font-weight:900;color:#7d5b60}.ticket-list-reference-v34 time{font-size:.74rem;color:#8c797c}.ticket-list-main-v34>strong{display:block;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#301f23}.ticket-list-main-v34>small{display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8a7478}
.ticket-list-state-v34{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important;min-width:106px}.ticket-list-state-v34 small{white-space:nowrap;color:#816d70}.ticket-thread-card-v34{border-radius:24px!important}.ticket-message-avatar-v33{display:grid!important;place-items:center!important;flex:0 0 auto}.ticket-thread-head-v33 h2{font-size:clamp(1.45rem,2vw,2rem)!important}

/* Responsive */
@media(max-width:1180px){
  .assalik-contact-dock .hero-contact-layout-clean{grid-template-columns:1fr 1fr}.assalik-contact-dock .hero-contact-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .package-gallery-preview-v35{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ticket-workspace-v34{grid-template-columns:340px minmax(0,1fr)!important}
}
@media(max-width:900px){
  .system-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .assalik-contact-dock .hero-contact-layout-clean,.account-grid-v35,.pdo-vision-grid-v35{grid-template-columns:1fr!important}
  .assalik-contact-dock .hero-contact-actions{grid-column:auto}
  .ticket-workspace-v34{grid-template-columns:1fr!important}.ticket-list-card-v34{max-height:none}
  .package-gallery-preview-v35{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  .system-feature-grid{grid-template-columns:1fr!important}
  .assalik-contact-dock .hero-side-card{padding:18px}.assalik-contact-dock .hero-contact-profile{align-items:flex-start}.assalik-contact-dock .hero-contact-profile img{width:78px;height:78px;border-radius:20px}.assalik-contact-dock .contact-info-card{grid-template-columns:1fr;gap:7px}.assalik-contact-dock .hero-contact-actions{grid-template-columns:1fr}
  .premium-package-carousel .carousel-controls{grid-template-columns:auto 1fr auto!important;gap:8px}.premium-package-carousel .carousel-button{min-width:0!important;width:48px!important;height:48px!important;padding:0!important}.premium-package-carousel .carousel-button span{display:none}.premium-package-carousel .carousel-dots{grid-column:2}
  .package-gallery-upload-head-v35{flex-direction:column}.package-gallery-preview-v35{grid-template-columns:repeat(2,minmax(0,1fr))}.package-gallery-preview-item-v35 img{height:95px}
  .panel-user-copy,.panel-user-chevron-v35{display:none!important}.panel-user-dropdown-v35{right:-4px;width:min(280px,calc(100vw - 28px))}
  .ticket-list-item-v34{grid-template-columns:48px minmax(0,1fr)!important}.ticket-list-icon-v34{width:48px!important;height:48px!important}.ticket-list-state-v34{grid-column:2;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;min-width:0}.ticket-list-main-v34>strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .pdo-vision-grid-v35 article{padding:30px 24px;min-height:0}.purpose-index-v35{font-size:3.4rem}
}
