/*
=========================================================
FILE: form_bands.css
VERSION: 2.1
PURPOSE: Global Sun / Sky / Grass band system
NOTES:
- Shared wrapper for all form pages
- Shared top intro box / side box layout
- Shared bottom process / info box layout
- Updated top grid alignment and trust strip styling
=========================================================
*/

.jd_band_hold_main
{
padding:0;
background:#ffffff;
margin-top:0;
}

.jd_band
{
position:relative;
overflow:hidden;
padding:clamp(2.2rem, 4vw, 3.8rem) 0;
}

.jd_band .container
{
position:relative;
z-index:2;
}

/* ================= SUN ================= */

.jd_band_sun
{
background:linear-gradient(180deg, #d39b08 0%, #e0b11c 38%, #f0d14d 72%, #f8e68d 100%);
z-index:3;
box-shadow:0 10px 20px rgba(0,0,0,0.35);
filter:none;
}

.jd_band_sun::before,
.jd_band_sun::after
{
content:none;
}

/* ================= SKY (FORM) ================= */

.jd_band_sky
{
background:linear-gradient(180deg, #9fc7e8 0%, #b7d7f0 42%, #cfe6f7 100%);
border-top:1px solid #5f95bc;
border-bottom:1px solid #5f95bc;
z-index:2;
box-shadow:0 10px 20px rgba(0,0,0,0.28);
}

/* ================= GRASS ================= */

.jd_band_grass
{
background:linear-gradient(180deg, #cfe4d0 0%, #dbead8 40%, #e7f1e3 100%);
padding-bottom:clamp(4.5rem, 7vw, 6.5rem);
}

/* =========================================================
   SHARED SUN BAND PANELS
========================================================= */

.jd_band_intro_grid
{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:1rem;
align-items:stretch;
}

.jd_band_intro_box,
.jd_band_side_box,
.jd_band_mini_card,
.jd_band_process_card,
.jd_band_info_card
{
background:#ffffff;
border-radius:1.5rem;
box-shadow:0 18px 38px rgba(0,0,0,0.12);
}

.jd_band_intro_box
{
grid-column:span 2;
padding:1.6rem;
border:2px solid #7db8d3;
}

.jd_band_intro_box h2
{
margin:0 0 0.9rem;
font-size:clamp(1.8rem, 3vw, 2.45rem);
line-height:1.12;
color:#111111;
text-align:left;
}

.jd_band_intro_lead
{
margin:0 0 0.9rem;
font-size:1.06rem;
line-height:1.72;
color:#111111;
}

.jd_band_intro_box .page_content,
.jd_band_intro_box .page_content p
{
line-height:1.78;
color:#444444;
}

.jd_band_intro_box .page_content p:last-child
{
margin-bottom:0;
}

.jd_band_side_box
{
grid-column:span 1;
padding:1.4rem 1.45rem 1.35rem;
border:2px solid #69a9d6;
}

.jd_band_side_kicker
{
display:flex;
align-items:center;
justify-content:center;
width:100%;
margin:0 0 1rem;
padding:0.6rem 0.9rem;
border-radius:0.4rem;

/* Softer, less “button-like” */
background:#eef6fa;
border:1px solid #d5e6ef;
color:#23566d;

/* Typography stays strong but less aggressive */
font-size:0.85rem;
font-weight:600;
letter-spacing:0.04em;
text-transform:uppercase;
text-align:center;

/* Remove heavy button feel */
box-shadow:none;

/* Important: remove any sense of interactivity */
cursor:default;
}

.jd_band_side_box h3
{
margin:0 0 0.85rem;
font-size:1.75rem;
line-height:1.18;
text-align:center;
color:#111111;
}

.jd_band_side_box p
{
margin:0;
line-height:1.72;
color:#474747;
text-align:center;
}

.jd_band_tick_list
{
margin:0;
padding:0;
list-style:none;
}

.jd_band_tick_list li
{
position:relative;
padding-left:1.7rem;
margin-bottom:0.72rem;
line-height:1.64;
color:#111111;
}

.jd_band_tick_list li:last-child
{
margin-bottom:0;
}

.jd_band_tick_list li::before
{
content:"✓";
position:absolute;
left:0;
top:0.02rem;
font-weight:700;
color:#2f5f36;
}

/* =========================================================
   TRUST STRIP (FORM PAGES)
========================================================= */

.page_trust_strip
{
margin:1.25rem 0 0;
padding:0.95rem 1rem 0.9rem;
background:#f8f8f8;
border:1px solid #e5e5e5;
border-radius:1rem;
box-shadow:0 6px 16px rgba(0,0,0,0.06);
}

.page_trust_strip_list
{
margin:0;
padding:0;
list-style:none;
display:flex;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
gap:1.1rem;
}

.page_trust_strip_list li
{
display:flex;
align-items:center;
font-size:0.82rem;
font-weight:600;
line-height:1.2;
color:#222222;
white-space:nowrap;
}

.trust_icon
{
margin-right:0.32rem;
color:#d4af37;
font-weight:700;
flex-shrink:0;
}

.trust_text
{
color:#222222;
}

/* =========================================================
   MINI STRIP CARDS UNDER SUN BAND
========================================================= */

.jd_band_mini_grid
{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:1rem;
margin-top:1rem;
}

.jd_band_mini_card
{
padding:1.2rem 1rem 1.1rem;
border:2px solid #69a9d6;
background:#fff2b8;
text-align:center;
}

.jd_band_mini_card h3
{
margin:0 0 0.45rem;
font-size:1.15rem;
line-height:1.28;
color:#111111;
}

.jd_band_mini_card p
{
margin:0;
line-height:1.68;
color:#505050;
}

.jd_band_mini_card a,
.jd_band_info_card a
{
color:#23566d;
text-decoration:underline;
}

/* =========================================================
   GRASS BAND SHARED LAYOUT
========================================================= */

.jd_band_bottom_intro
{
max-width:860px;
margin:0 auto 1.8rem;
text-align:center;
}

.jd_band_bottom_intro h2
{
margin:0 0 0.55rem;
font-size:clamp(1.8rem, 2.7vw, 2.45rem);
line-height:1.14;
color:#111111;
}

.jd_band_bottom_intro p
{
margin:0;
font-size:1rem;
line-height:1.72;
color:#444444;
}

.jd_band_bottom_layout
{
display:grid;
grid-template-columns:minmax(0, 1.55fr) minmax(320px, 1fr);
gap:1.2rem;
align-items:stretch;
}

.jd_band_process_card,
.jd_band_info_card
{
border:2px solid #69a9d6;
padding:1.45rem;
}

.jd_band_process_card h3,
.jd_band_info_card h3
{
margin:0 0 0.85rem;
font-size:1.7rem;
line-height:1.2;
color:#111111;
text-align:center;
}

.jd_band_steps
{
display:flex;
flex-direction:column;
gap:1rem;
}

.jd_band_step
{
display:flex;
gap:0.85rem;
align-items:flex-start;
}

.jd_band_step_no
{
width:34px;
height:34px;
border-radius:50%;
background:#f2b300;
color:#111111;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
box-shadow:0 8px 16px rgba(17,17,17,0.12);
}

.jd_band_step_text strong
{
display:block;
margin-bottom:0.22rem;
line-height:1.42;
color:#111111;
}

.jd_band_step_text p
{
margin:0;
line-height:1.68;
color:#575757;
}

.jd_band_side_cards
{
display:flex;
flex-direction:column;
gap:1rem;
}

.jd_band_info_card p
{
margin:0;
line-height:1.72;
color:#505050;
text-align:center;
}

.jd_band_info_card .page_content,
.jd_band_info_card .page_content p
{
margin:0;
line-height:1.72;
color:#505050;
text-align:center;
}

.jd_band_info_card .page_content p:last-child
{
margin-bottom:0;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px)
{
.jd_band_intro_grid,
.jd_band_bottom_layout
{
grid-template-columns:1fr;
}

.jd_band_mini_grid
{
grid-template-columns:1fr;
}

.jd_band_intro_box,
.jd_band_side_box
{
grid-column:auto;
}
}

@media (max-width: 767px)
{
.jd_band
{
padding:1.8rem 0;
}

.jd_band_intro_box,
.jd_band_side_box,
.jd_band_mini_card,
.jd_band_process_card,
.jd_band_info_card
{
border-radius:1.2rem;
}

.jd_band_intro_box,
.jd_band_side_box,
.jd_band_process_card,
.jd_band_info_card
{
padding:1.2rem;
}

.jd_band_intro_box h2
{
font-size:2rem;
text-align:center;
}

.jd_band_intro_lead,
.jd_band_intro_box .page_content,
.jd_band_intro_box .page_content p
{
text-align:center;
}

.page_trust_strip
{
margin:1.2rem 0 0;
padding:1rem;
}

.page_trust_strip_list
{
flex-direction:column;
align-items:flex-start;
gap:0.65rem;
flex-wrap:wrap;
}

.page_trust_strip_list li
{
font-size:0.9rem;
white-space:normal;
}
}