/* =========================================================
   FILE: home_text.css
   VERSION: 4
   PAGE: Home Page Text Section
   PROJECT: Jewellery Doctor Redesign
   ========================================================= */

.home_text_section
{
position:relative;
z-index:1;
}

.home_text_container
{
background:#f8f6f2;
margin-top:-128px;
padding-top:4rem;
padding-bottom:4rem;
box-shadow:
0 8px 18px rgba(0,0,0,0.10),
0 2px 4px rgba(0,0,0,0.06);
}

.home_text_header
{
max-width:54rem;
}

.home_text_content
{
max-width:1200px;
margin:2rem auto 0;
color:var(--jd-grey-500);
font-size:0.98rem;
line-height:1.8;
text-align:center;
}

.home_text_content p
{
max-width:1100px;
margin:0 auto 1.2rem;
}

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

.home_text_content h2,
.home_text_content h3,
.home_text_content h4,
.home_text_content h5
{
margin:1.6rem 0 0.6rem;
font-family:'Outfit', sans-serif;
font-weight:600;
line-height:1.25;
letter-spacing:0.01em;
color:var(--jd-black);
text-align:center;
}

.home_text_content h2
{
font-size:1.8rem;
}

.home_text_content h3
{
font-size:1.12rem;
}

.home_text_content h4
{
font-size:1.05rem;
}

.home_text_content h5
{
font-size:0.98rem;
}

.home_text_content ul,
.home_text_content ol
{
margin:0 0 1.35rem;
padding-left:0;
list-style:none;
text-align:center;
}

.home_text_content li
{
display:inline-block;
margin:0.2rem;
line-height:1.75;
}

.home_text_content a
{
color:#8a6500;
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:2px;
}

.home_text_content a:hover,
.home_text_content a:focus-visible
{
color:#111111;
}

.home_text_content a.home_text_btn
{
display:inline-block;
margin:0.35rem 0.4rem;
padding:0.55rem 1.1rem;
font-size:0.9rem;
font-weight:600;
line-height:1.2;
color:#111111;
background:#ffffff;
border:1px solid rgba(0,0,0,0.15);
border-radius:999px;
text-decoration:none;
transition:
background 0.2s ease,
color 0.2s ease,
border-color 0.2s ease,
transform 0.15s ease,
box-shadow 0.15s ease;
}

.home_text_content a.home_text_btn:hover,
.home_text_content a.home_text_btn:focus-visible
{
background:#111111;
color:#ffffff;
border-color:#111111;
transform:translateY(-1px);
box-shadow:0 6px 14px rgba(0,0,0,0.12);
}

.home_text_content img
{
display:block;
max-width:100%;
height:auto;
margin:2rem auto;
border-radius:1rem;
box-shadow:
0 8px 18px rgba(0,0,0,0.10),
0 2px 4px rgba(0,0,0,0.06);
}

.home_text_content figure
{
margin:2rem 0;
}

.home_text_content figcaption
{
margin-top:0.75rem;
font-size:0.92rem;
line-height:1.6;
color:var(--jd-grey-500);
text-align:center;
}

@media (max-width: 767px)
{
.home_text_container
{
padding-top:3rem;
padding-bottom:3rem;
}

.home_text_content
{
margin-top:1.5rem;
font-size:1rem;
line-height:1.78;
text-align:center;
}

.home_text_content p
{
max-width:100%;
margin:0 auto 1.1rem;
}

.home_text_content h2,
.home_text_content h3,
.home_text_content h4,
.home_text_content h5
{
text-align:center;
}

.home_text_content h2
{
font-size:1.55rem;
}

.home_text_content h3
{
font-size:1.18rem;
}

.home_text_content h4
{
font-size:1.08rem;
}

.home_text_content h5
{
font-size:1rem;
}

.home_text_content ul,
.home_text_content ol
{
margin:0 0 1.2rem;
padding-left:0;
text-align:center;
}

.home_text_content li
{
display:block;
margin:0 0 0.55rem;
}

.home_text_content a.home_text_btn
{
display:inline-block;
width:auto;
max-width:100%;
margin:0.2rem 0.25rem;
padding:0.58rem 1rem;
font-size:0.89rem;
}
}

/* =========================================
   FIX: BUTTON LINKS INSIDE HOME TEXT
   ========================================= */

.home_text_content a.button
{
color:#111111;
text-decoration:none;
}

.home_text_content a.button:hover,
.home_text_content a.button:focus-visible
{
color:#111111;
text-decoration:none;
}