/*
Theme Name: SideSpin Adventures
Theme URI: https://sidespinadventures.com/
Author: SideSpin Adventures
Description: Premium lightweight adventure travel theme for Manali adventure activities. Elementor-friendly, responsive and conversion focused.
Version: 2.6.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: sidespin-adventures
*/
:root{--ink:#10231d;--muted:#5e6d66;--cream:#f6f3ea;--paper:#fff;--accent:#e35d2f;--accent2:#174b3c;--line:#dfe4df;--radius:22px;--shadow:0 18px 50px rgba(16,35,29,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,92%);margin:auto}.sa-top{background:#0d241c;color:#fff;font-size:13px}.sa-top .container{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.sa-top a{color:#fff}.sa-header{position:absolute;z-index:20;top:34px;left:0;right:0;color:#fff}.sa-header .inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.logo{font-size:24px;font-weight:900;letter-spacing:-1px}.logo span{color:#f7b267}.nav{display:flex;gap:27px;align-items:center;font-weight:700;font-size:14px}.nav a{opacity:.95}.nav .cta{background:#fff;color:var(--ink);padding:11px 17px;border-radius:999px}.hero{min-height:760px;display:flex;align-items:center;position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(8,28,22,.82),rgba(8,28,22,.3)),url('assets/images/hero.svg') center/cover}.hero:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,#fff)}.hero .content{position:relative;z-index:2;max-width:760px;padding-top:80px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:900;color:#f7b267}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.98;letter-spacing:-4px;margin:16px 0 24px}.hero p{font-size:19px;max-width:650px;color:#eef4ef}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:999px;font-weight:900}.btn-primary{background:var(--accent);color:#fff}.btn-light{background:#fff;color:var(--ink)}section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-head h2{font-size:clamp(34px,4vw,54px);line-height:1.03;letter-spacing:-2px;margin:8px 0}.section-head p{max-width:520px;color:var(--muted);margin:0}.kicker{color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:1.8px;font-size:12px}.activities{background:var(--cream)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s;box-shadow:0 5px 20px rgba(16,35,29,.04)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-img{aspect-ratio:4/3;background:#d9e0dc center/cover}.card-body{padding:20px}.card h3{font-size:20px;margin:0 0 5px}.meta{color:var(--muted);font-size:13px}.price{font-weight:900;font-size:18px;margin-top:13px}.price span{font-size:12px;color:var(--muted);font-weight:600}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visual{border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#d9e0dc}.visual img{width:100%;display:block}.checks{display:grid;gap:18px;margin:30px 0}.check{display:flex;gap:14px}.check b{display:block}.check i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eaf2ee;color:var(--accent2);font-style:normal;font-weight:900}.packages{background:var(--accent2);color:#fff}.packages .section-head p{color:#cbd8d2}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package{padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.06)}.package h3{font-size:25px;margin:0 0 7px}.package .price{font-size:28px}.package ul{padding-left:18px;color:#d6e1dc}.places{background:#fff}.place-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.place{min-height:210px;padding:20px;border-radius:20px;color:#fff;display:flex;align-items:end;background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.05)),url('assets/images/mountain.svg') center/cover}.place:nth-child(2){background-image:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.05)),url('assets/images/river.svg')}.place:nth-child(3){background-image:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.05)),url('assets/images/forest.svg')}.place:nth-child(4){background-image:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.05)),url('assets/images/trek.svg')}.place:nth-child(5){background-image:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.05)),url('assets/images/village.svg')}.lead{background:var(--cream)}.lead-box{background:#fff;border-radius:30px;padding:48px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(520px,1.35fr);gap:54px;box-shadow:var(--shadow);align-items:start}.lead-box .ss-form-card{width:100%;min-width:0;padding:34px;border-radius:24px}.lead-box .ss-contact-form{gap:18px}.lead-box .ss-contact-form input,.lead-box .ss-contact-form select,.lead-box .ss-contact-form textarea{min-height:50px;padding:14px 16px;font-size:16px}.lead-box .ss-contact-form textarea{min-height:130px}.lead-box .ss-form-row{gap:16px}.lead-box .ss-contact-form .btn{min-height:52px;font-size:16px;width:100%}.lead h2{font-size:48px;line-height:1.05;letter-spacing:-2px;margin:8px 0 12px}.form{display:grid;gap:11px}.form input,.form select{border:1px solid var(--line);padding:14px 15px;border-radius:12px;font:inherit;background:#fff}.form button{border:0;cursor:pointer;font:inherit}.faq{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq details{border:1px solid var(--line);padding:19px 20px;border-radius:16px;background:#fff}.faq summary{font-weight:800;cursor:pointer}.footer{background:#0d241c;color:#d9e4df;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.footer h4{color:#fff;margin-top:0}.footer a{display:block;margin:8px 0}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font-size:13px}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}@media(max-width:1100px){.lead-box{grid-template-columns:1fr 1.15fr;gap:35px}.lead-box .ss-form-card{min-width:0}}@media(max-width:900px){.nav{display:none}.mobile-toggle{display:block}.grid{grid-template-columns:repeat(2,1fr)}.split,.lead-box{grid-template-columns:1fr;gap:35px}.package-grid{grid-template-columns:1fr}.place-grid{grid-template-columns:repeat(2,1fr)}.faq{grid-template-columns:1fr}.hero{min-height:680px}.hero h1{letter-spacing:-2px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.lead-box{padding:26px}.lead-box .ss-form-card{padding:22px}.sa-top .container{justify-content:center}.sa-top .right{display:none}.hero{min-height:690px}.hero p{font-size:16px}.grid{grid-template-columns:1fr}.place-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.lead-box{padding:28px}.lead h2{font-size:38px}section{padding:70px 0}.section-head{display:block}.section-head p{margin-top:12px}}

/* ===== Professional navigation / dropdown / mega menu ===== */
.nav{position:relative}
.primary-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
.primary-menu>li{position:relative;display:flex;align-items:center}
.primary-menu>li>a{display:flex;align-items:center;gap:5px;padding:12px 10px;border-radius:10px;white-space:nowrap}
.primary-menu>li>a:hover,.primary-menu>li>a:focus-visible{background:rgba(255,255,255,.10);outline:none}
.primary-menu .menu-item-has-children>a:after{content:'⌄';font-size:12px;line-height:1;margin-left:2px;opacity:.8}
.primary-menu .submenu-toggle{display:none}
.primary-menu .sub-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;margin:0;padding:10px;list-style:none;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(10,30,22,.18);opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:100}
.primary-menu .sub-menu li{position:relative}
.primary-menu .sub-menu a{display:block;padding:11px 13px;border-radius:10px;font-weight:700;font-size:14px}
.primary-menu .sub-menu a:hover,.primary-menu .sub-menu a:focus-visible{background:#eef5f1;outline:none}
.primary-menu>li.menu-item-has-children:hover>.sub-menu,.primary-menu>li.menu-item-has-children:focus-within>.sub-menu,.primary-menu>li.menu-item-has-children.is-open>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}

/* Large Activities mega menu */
.primary-menu>.mega-parent{position:static}
.mega-menu{position:absolute;top:calc(100% + 12px);left:50%;width:min(780px,calc(100vw - 40px));transform:translate(-50%,8px);display:grid;grid-template-columns:240px 1fr;gap:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 70px rgba(10,30,22,.22);padding:10px;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:100}
.primary-menu>.mega-parent:hover>.mega-menu,.primary-menu>.mega-parent:focus-within>.mega-menu,.primary-menu>.mega-parent.is-open>.mega-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-intro{background:#0d241c;color:#fff;border-radius:16px;padding:25px 20px;display:flex;flex-direction:column;justify-content:center}
.mega-kicker{color:#f7b267;text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:900;margin-bottom:8px}
.mega-intro strong{font-size:22px;line-height:1.15}
.mega-intro p{font-size:13px;line-height:1.5;color:#cbd8d2;margin:10px 0 20px}
.mega-all{font-size:13px;font-weight:900;color:#fff}
.mega-links{display:grid;grid-template-columns:1fr 1fr;padding:8px}
.mega-links a{padding:14px;border-radius:13px;display:flex;flex-direction:column;gap:3px}
.mega-links a:hover,.mega-links a:focus-visible{background:#f0f5f2;outline:none}
.mega-links b{font-size:14px}.mega-links small{color:var(--muted);font-size:11px}

.nav .cta{background:#fff;color:var(--ink);padding:11px 17px;border-radius:999px!important}
.nav .menu-book{margin-left:8px}
.mobile-toggle{width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.mobile-toggle span{display:block;width:20px;height:2px;background:#fff;border-radius:4px;transition:.2s}
.mobile-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-toggle.is-open span:nth-child(2){opacity:0}
.mobile-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:900px){
  .sa-header{top:34px}
  .sa-header .inner{position:relative}
  .mobile-toggle{display:flex;position:relative;z-index:102}
  .nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0d241c;color:#fff;border-radius:18px;padding:12px;box-shadow:0 20px 50px rgba(0,0,0,.25);max-height:calc(100vh - 100px);overflow:auto}
  .nav.is-open{display:block}
  .primary-menu{display:flex;flex-direction:column;align-items:stretch;gap:2px}
  .primary-menu>li{display:grid;grid-template-columns:1fr auto;align-items:center}
  .primary-menu>li>a{padding:13px 12px}
  .primary-menu .submenu-toggle{display:block;background:transparent;border:0;color:#fff;font-size:18px;width:44px;height:44px;cursor:pointer;border-radius:10px}
  .primary-menu .submenu-toggle:hover{background:rgba(255,255,255,.1)}
  .primary-menu .sub-menu,.mega-menu{position:static!important;grid-column:1/-1;width:auto!important;min-width:0!important;transform:none!important;display:none;margin:2px 0 7px!important;box-shadow:none!important;border:0!important;border-radius:13px!important}
  .primary-menu>li.menu-item-has-children.is-open>.sub-menu{display:block;opacity:1;visibility:visible}
  .primary-menu>.mega-parent.is-open>.mega-menu{display:grid;opacity:1;visibility:visible}
  .mega-menu{grid-template-columns:1fr!important;padding:7px!important;background:#fff!important}
  .mega-intro{padding:18px;border-radius:12px}
  .mega-links{grid-template-columns:1fr 1fr;padding:5px}
  .mega-links a{padding:12px}
  .nav .menu-book{margin:6px 0 0}
  .nav .menu-book .cta{justify-content:center;background:#f7b267;color:#0d241c}
}
@media(max-width:520px){.mega-links{grid-template-columns:1fr}.nav{left:4%;right:4%}}

/* WordPress Appearance > Menus: Activities becomes a real mega dropdown automatically. */
.primary-menu>.mega-parent>.sub-menu{top:calc(100% + 12px);left:50%;width:min(720px,calc(100vw - 40px));padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#fff;color:var(--ink);border-radius:20px;box-shadow:0 24px 70px rgba(10,30,22,.22);border:1px solid var(--line)}
.primary-menu>.mega-parent>.sub-menu>li>a{padding:15px 14px;font-size:14px}
.primary-menu>.mega-parent>.sub-menu>li>a:before{content:'↗';display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;border-radius:9px;background:#eef5f1;color:var(--accent);font-size:12px}
.primary-menu>.mega-parent>.sub-menu .sub-menu{display:none}
.primary-menu>.mega-parent:hover>.sub-menu,.primary-menu>.mega-parent:focus-within>.sub-menu,.primary-menu>.mega-parent.is-open>.sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:900px){
  .primary-menu>.mega-parent>.sub-menu{display:none;position:static;width:auto;transform:none;padding:6px;grid-template-columns:1fr;background:#fff}
  .primary-menu>.mega-parent.is-open>.sub-menu{display:grid;opacity:1;visibility:visible;transform:none}
}

/* SideSpin v2.2 — reusable working contact form */
.ss-contact-section{padding:84px 0;background:#f5f8f5}
.ss-contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:start}
.ss-contact-copy{padding-top:18px}
.ss-contact-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.04;margin:10px 0 18px}
.ss-contact-copy p{font-size:18px;line-height:1.7;max-width:560px;color:#52635a}
.ss-contact-points{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.ss-contact-points a{font-weight:700;text-decoration:none;color:inherit}
.ss-form-card{background:#fff;border:1px solid #e3e9e5;border-radius:22px;padding:28px;box-shadow:0 18px 50px rgba(18,42,29,.08)}
.ss-contact-form{display:flex;flex-direction:column;gap:16px}
.ss-contact-form label{font-size:14px;font-weight:700;display:flex;flex-direction:column;gap:7px}
.ss-contact-form input,.ss-contact-form select,.ss-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8e1db;border-radius:10px;background:#fff;padding:13px 14px;font:inherit;color:#17251d;outline:none}
.ss-contact-form input:focus,.ss-contact-form select:focus,.ss-contact-form textarea:focus{border-color:#1d5c3c;box-shadow:0 0 0 3px rgba(29,92,60,.09)}
.ss-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ss-contact-form textarea{resize:vertical;min-height:110px}
.ss-form-note{font-size:12px!important;color:#718078;margin:0!important}
.ss-form-message{border-radius:10px;padding:13px 15px;margin-bottom:16px;font-size:14px;font-weight:600}
.ss-form-message.success{background:#e9f7ee;color:#176438}
.ss-form-message.error{background:#fff0f0;color:#9c2d2d}
.ss-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.ss-page-content{padding:140px 0 70px}
@media(max-width:800px){.ss-contact-grid{grid-template-columns:1fr;gap:28px}.ss-contact-section{padding:60px 0}.ss-form-row{grid-template-columns:1fr}.ss-form-card{padding:20px}}