/* =====================================================
ORELI LEGAL TEMPLATE
===================================================== */


/* ===============================
HERO
=============================== */

.oreli-legal-hero {

    position: relative;

    padding: 90px 0;

    background-size: cover;
    background-position: center;

    overflow: hidden;

    text-align: center;
    color: #fff;

}

/* LAYER BLUR IMAGE */

.oreli-legal-hero::before {

    content: "";

    position: absolute;
    inset: 0;

    background: inherit;

    filter: blur(3px) brightness(0.85);

    transform: scale(1.08);

    z-index: 0;

}


/* OVERLAY MÀU */

.oreli-legal-hero::after {

    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(180deg,
            rgba(136, 0, 99, 0.45),
            rgba(0, 0, 0, 0.45));

    z-index: 1;

}


/* CONTENT */

.oreli-legal-hero .oreli-container {

    position: relative;

    z-index: 2;

    max-width: 850px;

}

/* ===============================
LAYOUT
=============================== */

.oreli-legal-layout{

padding:60px 0;
background:#fff;

}

.oreli-legal-grid{

display:grid;

grid-template-columns:1fr 320px;

gap:60px;

align-items:start;

}



/* ===============================
CONTENT
=============================== */

.oreli-legal-content{

max-width:760px;

font-size:16px;
line-height:1.7;

color:#444;

}

.oreli-legal-content h2{

margin-top:40px;

font-size:24px;
font-weight:600;

color:#880063;

}

.oreli-legal-content h3{

margin-top:30px;

font-size:20px;

}

.oreli-legal-content p{

margin-bottom:16px;

}

.oreli-legal-content hr{

margin:40px 0;

border:none;
border-top:1px solid #eee;

}

.oreli-legal-content ul{

padding-left:20px;

}

.oreli-legal-content li{

margin-bottom:8px;

}



/* ===============================
SIDEBAR
=============================== */

.oreli-legal-sidebar{

position:sticky;
top:120px;

background:#faf7fb;

padding:26px;

border-radius:12px;

border:1px solid #eee;

box-shadow:0 10px 25px rgba(0,0,0,0.04);

}

.oreli-legal-sidebar h3{

font-size:18px;

margin-bottom:16px;

}

.oreli-legal-sidebar ul{

list-style:none;

padding:0;
margin:0;

}

.oreli-legal-sidebar li{

margin-bottom:12px;

}

.oreli-legal-sidebar a{

text-decoration:none;

color:#880063;

font-weight:500;

transition:all .25s ease;

}

.oreli-legal-sidebar a:hover{

color:#b51b75;

padding-left:4px;

}



/* ===============================
MOBILE
=============================== */

@media(max-width:900px){

.oreli-legal-hero{

padding:70px 0;

}

.oreli-legal-hero h1{

font-size:32px;

}

.oreli-hero-subtitle{

font-size:16px;

}

.oreli-legal-grid{

grid-template-columns:1fr;

gap:40px;

}

.oreli-legal-sidebar{

position:relative;

top:auto;

}

}