.elementor-3048 .elementor-element.elementor-element-788dddf{--display:flex;}/* Start custom CSS for html, class: .elementor-element-ea38c70 *//* ==========================
   WER HERO
========================== */

.wer-hero{

display:grid;

grid-template-columns:2fr 1fr;

gap:50px;

padding:70px;

border-radius:36px;

background:
linear-gradient(
135deg,
#07122f,
#22134d,
#07122f
);

position:relative;

overflow:hidden;

margin-bottom:80px;

}

/* Glows */

.wer-hero::before{

content:'';

position:absolute;

width:500px;

height:500px;

background:#8b2cf5;

border-radius:50%;

top:-250px;

right:-250px;

filter:blur(140px);

opacity:.22;

}

.wer-hero::after{

content:'';

position:absolute;

width:400px;

height:400px;

background:#2563eb;

border-radius:50%;

bottom:-200px;

left:-200px;

filter:blur(120px);

opacity:.18;

}

/* Content */

.wer-hero-content{

position:relative;

z-index:2;

}

.wer-hero-kicker{

font-size:.9rem;

font-weight:800;

letter-spacing:.35em;

color:#c084fc;

margin-bottom:20px;

}

.wer-hero h1{

font-size:4.5rem;

font-weight:900;

line-height:1.05;

color:white;

margin-bottom:25px;

}

.wer-hero p{

font-size:1.15rem;

line-height:1.9;

color:#cbd5e1;

max-width:750px;

margin-bottom:25px;

}

/* Badges */

.wer-hero-badges{

display:flex;

flex-wrap:wrap;

gap:12px;

margin-bottom:30px;

}

.wer-hero-badges span{

padding:10px 18px;

border-radius:999px;

font-weight:700;

color:white;

}

.badge-season{

background:#8b2cf5;

}

.badge-week{

background:#2563eb;

}

.badge-clubs{

background:#16a34a;

}

.badge-update{

background:#ea580c;

}

/* Team Logos */

.wer-team-strip{

display:flex;

gap:12px;

flex-wrap:wrap;

margin-bottom:35px;

}

.wer-team-strip a{

width:58px;

height:58px;

border-radius:50%;

background:rgba(255,255,255,.06);

display:flex;

align-items:center;

justify-content:center;

border:1px solid rgba(255,255,255,.08);

transition:.25s ease;

}

.wer-team-strip a:hover{

transform:translateY(-4px);

}

.wer-team-strip img{

width:38px;

height:38px;

object-fit:contain;

}

/* Buttons */

.wer-hero-buttons{

display:flex;

gap:15px;

flex-wrap:wrap;

margin-bottom:35px;

}

.wer-hero-buttons a{

padding:14px 24px;

border-radius:999px;

background:
linear-gradient(
135deg,
#9333ea,
#7c3aed
);

text-decoration:none;

color:white;

font-weight:800;

transition:.25s ease;

}

.wer-hero-buttons a:hover{

transform:translateY(-3px);

}

/* Mini Stats */

.wer-mini-stats{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:15px;

}

.mini-stat{

padding:18px;

background:rgba(255,255,255,.05);

border-radius:18px;

text-align:center;

}

.mini-value{

font-size:1.5rem;

font-weight:900;

color:white;

margin-bottom:6px;

}

.mini-label{

font-size:.75rem;

letter-spacing:.12em;

text-transform:uppercase;

color:#94a3b8;

}

/* Leader Card */

.wer-leader-card{

position:relative;

z-index:2;

max-width:300px;

width:100%;

align-self:center;

padding:35px;

border-radius:30px;

background:
rgba(255,255,255,.06);

border:
1px solid rgba(255,255,255,.08);

text-align:center;

}

.leader-tag{

display:inline-block;

padding:8px 16px;

border-radius:999px;

background:
rgba(250,204,21,.15);

color:#facc15;

font-size:.8rem;

font-weight:800;

margin-bottom:20px;

}

.leader-logo{

width:120px;

height:120px;

object-fit:contain;

margin-bottom:20px;

}

.wer-leader-card h2{

font-size:2rem;

font-weight:900;

color:white;

margin-bottom:15px;

}

.wer-points{

font-size:1.3rem;

font-weight:800;

color:#facc15;

margin-bottom:10px;

}

.wer-record{

color:#cbd5e1;

margin-bottom:20px;

}

.wer-label{

display:inline-block;

padding:10px 18px;

border-radius:999px;

background:
rgba(34,197,94,.15);

color:#22c55e;

font-weight:800;

}

/* Mobile */

@media(max-width:1024px){

.wer-hero{

grid-template-columns:1fr;

}

.wer-leader-card{

max-width:100%;

}

}

@media(max-width:767px){

.wer-hero{

padding:40px 25px;

}

.wer-hero h1{

font-size:2.8rem;

}

.wer-mini-stats{

grid-template-columns:repeat(2,1fr);

}

}/* End custom CSS */
/* Start custom CSS *//* ==========================================
   Rugby Fan Central - Women's Elite Rugby Hub
   Global Design System
========================================== */

:root{
    --wer-primary:#0b2d48;
    --wer-secondary:#1464a5;
    --wer-accent:#f59e0b;
    --wer-light:#f8fafc;
    --wer-border:#e5e7eb;
    --wer-text:#111827;
    --wer-muted:#6b7280;
    --wer-success:#15803d;

    --wer-radius:16px;

    --wer-shadow-sm:
    0 1px 3px rgba(0,0,0,.08);

    --wer-shadow-md:
    0 8px 20px rgba(0,0,0,.08);

    --wer-shadow-lg:
    0 15px 40px rgba(0,0,0,.12);

    --wer-max-width:1320px;
}

/* ==========================================
   Base
========================================== */

.wer-container{
    width:100%;
    max-width:var(--wer-max-width);
    margin:0 auto;
    padding:0 20px;
}

.wer-section{
    padding:48px 0;
}

.wer-section-title{
    font-size:2rem;
    font-weight:800;
    line-height:1.2;
    margin-bottom:24px;
    color:var(--wer-text);
}

.wer-card{
    background:#fff;
    border:1px solid var(--wer-border);
    border-radius:var(--wer-radius);
    box-shadow:var(--wer-shadow-sm);
}

.wer-card:hover{
    box-shadow:var(--wer-shadow-md);
}

.wer-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:12px 22px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
    transition:.25s ease;
}

.wer-btn-primary{
    background:var(--wer-primary);
    color:#fff;
}

.wer-btn-primary:hover{
    background:var(--wer-secondary);
    color:#fff;
}

.wer-btn-outline{
    border:1px solid var(--wer-primary);
    color:var(--wer-primary);
    background:#fff;
}

.wer-btn-outline:hover{
    background:var(--wer-primary);
    color:#fff;
}

/* ==========================================
   Utility
========================================== */

.wer-flex{
    display:flex;
}

.wer-grid{
    display:grid;
}

.wer-center{
    align-items:center;
}

.wer-between{
    justify-content:space-between;
}

.wer-text-muted{
    color:var(--wer-muted);
}

.wer-hidden-mobile{
    display:block;
}

/* ==========================================
   Responsive
========================================== */

@media(max-width:1024px){

    .wer-section{
        padding:40px 0;
    }

}

@media(max-width:768px){

    .wer-hidden-mobile{
        display:none;
    }

    .wer-section-title{
        font-size:1.65rem;
    }

    .wer-container{
        padding:0 16px;
    }

}/* End custom CSS */