/* ================================================================
   SABQA – Inner Pages Shared Styles
================================================================ */

/* Page Hero Banner */
.page-hero{position:relative;padding:120px 28px 64px;background:var(--navy);overflow:hidden;border-bottom:1px solid rgba(201,168,76,.15)}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 20% 50%,rgba(201,168,76,.06) 0%,transparent 65%);pointer-events:none}
/* Hero with background image */
.page-hero.has-bg{background-size:cover;background-position:center;background-repeat:no-repeat;padding:140px 28px 80px}
.page-hero.has-bg::before{background:linear-gradient(90deg,rgba(8,12,26,.88) 0%,rgba(8,12,26,.55) 60%,rgba(8,12,26,.35) 100%)}
.page-hero.has-bg .page-hero-content{position:relative;z-index:2}
.page-hero-content{position:relative;z-index:2;max-width:720px}
.page-hero .section-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:12px}
.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);color:#fff;line-height:1.18;margin-bottom:16px}
.page-hero h1 span{color:var(--gold)}
.page-hero p{font-size:1rem;color:rgba(255,255,255,.65);line-height:1.7;max-width:560px}
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.75rem;color:rgba(255,255,255,.45);margin-bottom:18px}
.breadcrumb a{color:rgba(255,255,255,.55);transition:color .2s}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb i{font-size:.55rem}

/* Inner Section */
.inner-sec{padding:72px 28px}
.inner-sec.sec-alt{background:var(--navy2)}
.inner-sec.sec-white{background:#f7f4ee}
.inner-sec.sec-white h2,.inner-sec.sec-white h3{color:var(--navy)}
.inner-sec.sec-white p,.inner-sec.sec-white li{color:#374151}
.inner-sec h2{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,2.8vw,2.2rem);color:#fff;margin-bottom:12px}
.inner-sec h3{font-family:'Playfair Display',serif;font-size:1.25rem;color:#fff;margin-bottom:10px}
.inner-sec .section-tag{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:10px;display:block}
.inner-sec p{color:rgba(255,255,255,.7);line-height:1.75;margin-bottom:12px}
.inner-sec ul{list-style:none;padding:0}
.inner-sec ul li{color:rgba(255,255,255,.7);padding:5px 0;display:flex;align-items:flex-start;gap:10px}
.inner-sec ul li i{color:var(--gold);margin-top:3px;flex-shrink:0}
.inner-wrap{max-width:1160px;margin:0 auto}

/* Page Card */
.page-card{background:var(--navy3);border:1px solid rgba(201,168,76,.15);border-radius:var(--rad);padding:28px 26px;transition:border-color .25s,transform .25s,box-shadow .25s}
.page-card:hover{border-color:rgba(201,168,76,.4);transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.35)}
.page-card h3{color:var(--gold);font-family:'Playfair Display',serif;font-size:1.1rem;margin-bottom:10px}
.page-card p{color:rgba(255,255,255,.65);font-size:.88rem;line-height:1.65;margin:0}

/* Gold Button variants */
.btn-gold{display:inline-block;background:var(--gold);color:#0c1220;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:13px 28px;border-radius:3px;border:none;cursor:pointer;transition:all .25s}
.btn-gold:hover{background:#e0ba5a;transform:translateY(-2px)}
.btn-outline-gold-lg{display:inline-block;border:1.5px solid var(--gold);color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:12px 28px;border-radius:3px;cursor:pointer;transition:all .25s;background:transparent}
.btn-outline-gold-lg:hover{background:var(--gold);color:#0c1220}

/* Two-col layout */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}

/* Accordion */
.acc-item{border:1px solid rgba(201,168,76,.15);border-radius:var(--rad-sm);margin-bottom:10px;overflow:hidden}
.acc-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;background:var(--navy3);color:#fff;font-weight:600;font-size:.92rem;transition:background .2s}
.acc-header:hover{background:rgba(201,168,76,.08)}
.acc-header i{color:var(--gold);transition:transform .25s;flex-shrink:0}
.acc-header.open i{transform:rotate(180deg)}
.acc-body{display:none;padding:0 20px 18px;background:var(--navy3);color:rgba(255,255,255,.65);font-size:.88rem;line-height:1.7}
.acc-body.open{display:block}

/* Form styles */
.inner-form{display:flex;flex-direction:column;gap:16px}
.inner-form label{font-size:.8rem;color:rgba(255,255,255,.6);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;display:block}
.inner-form input,.inner-form textarea,.inner-form select{width:100%;padding:13px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(201,168,76,.2);border-radius:4px;color:#fff;font-size:.9rem;font-family:inherit;transition:border-color .2s;box-sizing:border-box}
.inner-form input:focus,.inner-form textarea:focus,.inner-form select:focus{outline:none;border-color:var(--gold)}
.inner-form textarea{resize:vertical;min-height:120px}
.inner-form select option{background:var(--navy2);color:#fff}

/* Responsive */
@media(max-width:900px){
  .two-col,.three-col,.four-col{grid-template-columns:1fr}
  .inner-sec{padding:52px 20px}
  .page-hero{padding:100px 20px 52px}
  .page-hero.has-bg{padding:120px 20px 64px}
}
@media(max-width:768px){
  .two-col,.three-col,.four-col{grid-template-columns:1fr}
  .inner-sec{padding:44px 16px}
  .page-hero{padding:90px 16px 44px}
  .page-hero.has-bg{padding:110px 16px 56px}
  .page-hero h1{font-size:clamp(1.7rem,5vw,2.4rem)}
}
@media(max-width:480px){
  .two-col,.three-col,.four-col{grid-template-columns:1fr}
  .inner-sec{padding:36px 16px}
  .page-hero{padding:84px 16px 36px}
  .page-hero h1{font-size:clamp(1.5rem,6vw,2.1rem)}
  .inner-sec h2{font-size:clamp(1.4rem,5vw,1.9rem)}
  .inner-wrap{padding:0}
  .btn-gold,.btn-outline-gold-lg{display:block;text-align:center;width:100%;box-sizing:border-box}
}