/*
=========================================================
FILE: contact-thanks.css
VERSION: 1.0
PURPOSE: Contact thank you page styling
=========================================================
*/

.jd_contact_thanks_page
{
padding:0;
background:#ffffff;
}

/* =========================================================
   BANDS
========================================================= */

.jd_contact_thanks_band
{
position:relative;
overflow:hidden;
padding:clamp(2.15rem, 3.8vw, 3.5rem) 0;
}

.jd_contact_thanks_band_top
{
margin-top:0px;
background:
linear-gradient(180deg, #d7efff 0%, #c7e8ff 32%, #d9f1ff 62%, #edf8ff 100%);
box-shadow:0 18px 32px rgba(40, 96, 126, 0.16);
z-index:3;
}

.jd_contact_thanks_band_bottom
{
background:linear-gradient(180deg, #dff2e1 0%, #bfe3c3 100%);
padding-bottom:clamp(5rem, 8vw, 7rem);
}

.jd_contact_thanks_band::before,
.jd_contact_thanks_band::after
{
content:"";
position:absolute;
border-radius:50%;
pointer-events:none;
}

.jd_contact_thanks_band_top::before
{
width:460px;
height:460px;
top:-180px;
right:-120px;
background:radial-gradient(circle, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.18) 42%, rgba(255,255,255,0) 72%);
}

.jd_contact_thanks_band_top::after
{
width:360px;
height:360px;
bottom:-150px;
left:-90px;
background:radial-gradient(circle, rgba(186,230,255,0.52) 0%, rgba(186,230,255,0.15) 45%, rgba(186,230,255,0) 74%);
}

.jd_contact_thanks_band_bottom::before
{
width:300px;
height:300px;
top:-120px;
right:-80px;
background:radial-gradient(circle, rgba(255,255,255,0.34) 0%, rgba(255,255,255,0.10) 44%, rgba(255,255,255,0) 74%);
}

.jd_contact_thanks_band_bottom::after
{
width:340px;
height:340px;
bottom:-150px;
left:-100px;
background:radial-gradient(circle, rgba(188,236,174,0.34) 0%, rgba(188,236,174,0.10) 46%, rgba(188,236,174,0) 72%);
}

/* =========================================================
   TOP BAND
========================================================= */

.jd_contact_thanks_intro
{
position:relative;
z-index:2;
display:grid;
gap:1.1rem;
margin-top:0;
}

.jd_contact_thanks_intro_copy,
.jd_contact_thanks_confirmation_card,
.jd_contact_thanks_process_card,
.jd_contact_thanks_info_card
{
position:relative;
z-index:2;
border-radius:1.55rem;
box-shadow:0 24px 50px rgba(17,17,17,0.16);
}

.jd_contact_thanks_intro_copy
{
padding:1.45rem;
background:linear-gradient(180deg, #ffffff 0%, #f9fdff 100%);
border:2px solid #7db8d3;
}

.jd_contact_thanks_kicker_box
{
display:flex;
width:100%;
margin:0 0 1rem;
padding:0.78rem 1rem;
border-radius:1rem;
background:#7db8d3;
border:2px solid #23566d;
color:#ffffff;
box-shadow:0 10px 22px rgba(35,86,109,0.22);
font-size:0.9rem;
font-weight:600;
letter-spacing:0.04em;
text-align:center;
justify-content:center;
}

.jd_contact_thanks_heading
{
margin:0 0 0.9rem;
font-size:clamp(1.45rem, 2.55vw, 2.2rem);
line-height:1.1;
letter-spacing:-0.02em;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.jd_contact_thanks_lead
{
margin:0 0 0.9rem;
font-size:1.08rem;
line-height:1.72;
color:var(--jd-black);
max-width:56ch;
}

.jd_contact_thanks_text
{
margin:0;
line-height:1.76;
color:#4f4f4f;
max-width:58ch;
}

.jd_contact_thanks_confirmation_card
{
padding:1.3rem 1.45rem 1.25rem;
background:linear-gradient(180deg, #ffffff 0%, #f6fcff 100%);
border:2px solid #7db8d3;
}

.jd_contact_thanks_confirmation_card h3,
.jd_contact_thanks_process_card h3,
.jd_contact_thanks_info_card h3
{
margin:0 0 0.8rem;
font-size:1.28rem;
line-height:1.24;
text-align:center;
}

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

.jd_contact_thanks_tick_list li
{
position:relative;
padding-left:1.75rem;
margin-bottom:0.82rem;
line-height:1.64;
color:var(--jd-black);
}

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

.jd_contact_thanks_tick_list li::before
{
content:"✓";
position:absolute;
left:0;
top:0.02rem;
font-weight:700;
color:#4f93aa;
}

.jd_contact_thanks_trust_strip
{
position:relative;
z-index:2;
display:grid;
gap:1rem;
margin-top:1.2rem;
}

.jd_contact_thanks_trust_item
{
padding:1.15rem 1.15rem 1.08rem;
background:#fff1b5;
border:2px solid #7db8d3;
border-radius:1.2rem;
color:#111111;
box-shadow:0 20px 38px rgba(0,0,0,0.18);
text-align:center;
}

.jd_contact_thanks_trust_item strong
{
display:block;
margin-bottom:0.32rem;
font-size:1rem;
}

.jd_contact_thanks_trust_item span
{
display:block;
font-size:0.94rem;
line-height:1.55;
color:#494949;
}

.jd_contact_thanks_trust_item a
{
color:#23566d;
text-decoration:underline;
}

/* =========================================================
   BOTTOM BAND
========================================================= */

.jd_contact_thanks_bottom_intro
{
text-align:center;
margin-bottom:2rem;
}

.jd_contact_thanks_bottom_intro h2
{
font-size:clamp(1.6rem, 2.4vw, 2rem);
margin-bottom:0.5rem;
}

.jd_contact_thanks_bottom_intro p
{
font-size:1rem;
color:#444444;
}

.jd_contact_thanks_bottom_layout
{
display:grid;
grid-template-columns:2fr 1fr;
gap:1.5rem;
align-items:stretch;
}

.jd_contact_thanks_process_card,
.jd_contact_thanks_info_card
{
background:#ffffff;
border:2px solid #2b6f8f;
border-radius:1.25rem;
box-shadow:0 18px 40px rgba(0,0,0,0.12);
}

.jd_contact_thanks_process_card
{
padding:1.5rem;
}

.jd_contact_thanks_steps
{
display:flex;
flex-direction:column;
gap:1.2rem;
}

.jd_contact_thanks_step
{
display:flex;
gap:0.9rem;
align-items:flex-start;
}

.jd_contact_thanks_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_contact_thanks_step_text strong
{
display:block;
margin-bottom:0.25rem;
line-height:1.42;
}

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

.jd_contact_thanks_side_cards
{
display:flex;
flex-direction:column;
gap:1.5rem;
}

.jd_contact_thanks_info_card
{
padding:1.45rem;
background:linear-gradient(180deg, #ffffff 0%, #fafffa 100%);
}

.jd_contact_thanks_info_card p
{
margin:0 0 1rem;
line-height:1.74;
color:#535353;
}

.jd_contact_thanks_info_card .page_content
{
font-size:0.98rem;
line-height:1.8;
}

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

.jd_contact_thanks_link_list
{
display:flex;
flex-direction:column;
gap:0.75rem;
}

.jd_contact_thanks_link_list a
{
display:block;
padding:0.9rem 1rem;
border-radius:0.95rem;
background:#f4fbff;
border:1px solid #c6deea;
color:#23566d;
font-weight:600;
text-decoration:none;
transition:all 0.2s ease;
}

.jd_contact_thanks_link_list a:hover
{
background:#eaf6fc;
border-color:#7db8d3;
}

.social_media_bar_section
{
margin-top:2rem;
}

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

@media (min-width: 768px)
{
.jd_contact_thanks_intro
{
grid-template-columns:minmax(0, 2fr) minmax(0, 1.35fr);
align-items:stretch;
}

.jd_contact_thanks_trust_strip
{
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.35fr);
}
}

@media (max-width: 900px)
{
.jd_contact_thanks_bottom_layout
{
grid-template-columns:1fr;
}
}

@media (min-width: 1040px)
{
.jd_contact_thanks_band
{
padding:clamp(2.6rem, 4.2vw, 4rem) 0;
}

.jd_contact_thanks_intro_copy
{
padding:1.6rem;
}

.jd_contact_thanks_confirmation_card
{
padding:1.3rem 1.45rem 1.3rem;
}

.jd_contact_thanks_info_card
{
padding:1.5rem;
}
}

.jd_contact_thanks_cta_wrap
{
margin-top:1.2rem;
display:flex;
justify-content:center;
align-items:center;
}

.jd_contact_thanks_cta_button
{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:240px;
min-height:3.6rem;
padding:0 1.75rem;
border:2px solid #ffffff;
border-radius:1rem;
background:#7db8d3;
color:#ffffff;
font-size:1rem;
font-weight:700;
line-height:1.2;
text-align:center;
text-decoration:none;

/* Sharper, stronger shadow (default) */
box-shadow:0 8px 16px rgba(0,0,0,0.25);

transition:all 0.2s ease;
}

.jd_contact_thanks_cta_button:hover
{
background:#ffffff;
color:#7db8d3;
border:2px solid #7db8d3;
text-decoration:none;

/* Bolder, sharper shadow on hover */
box-shadow:0 10px 18px rgba(0,0,0,0.35);
transform:translateY(-2px);
}

.jd_contact_thanks_cta_button:visited
{
color:inherit;
}

@media (max-width: 767px)
{
.jd_contact_thanks_cta_button
{
width:100%;
min-width:0;
}
}