/* ===== RBP NOS STAFFIES FINAL ===== */

.page-id-16 .entry-content{
    margin:0!important;
    padding:0!important;
    background:#050505!important;
}

.page-id-16 .rbp-staffies-cards-hero{
    background:#050505!important;
    color:#fff!important;
    padding:70px 25px 35px!important;
    text-align:center!important;
}

.page-id-16 .rbp-staffies-cards-hero h1{
    color:#fff!important;
    margin:0 0 15px!important;
    font-size:clamp(2.4rem,5vw,4.5rem)!important;
    line-height:1.05!important;
}

.page-id-16 .rbp-staffies-cards-hero p{
    color:#ccc!important;
    max-width:800px!important;
    margin:0 auto!important;
}

.page-id-16 .rbp-staffies-cards-section{
    background:#050505!important;
    padding:20px 20px 70px!important;
}

.page-id-16 .rbp-status-block{
    width:100%!important;
    max-width:1000px!important;
    margin:0 auto 38px!important;
}

/* BANDEAUX */

.page-id-16 .rbp-status-banner{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:42px!important;
    margin:0 0 18px!important;
    padding:9px 20px!important;
    box-sizing:border-box!important;
    background:linear-gradient(90deg,#9d6a12,#d8a83c,#9d6a12)!important;
    border:0!important;
    color:#050505!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.14em!important;
    text-align:center!important;
}

/* GRILLES */

.page-id-16 .rbp-status-grid{
    display:grid!important;
    width:100%!important;
    gap:22px!important;
    justify-content:center!important;
    align-items:start!important;
}

.page-id-16 .rbp-status-grid-one{
    grid-template-columns:290px!important;
}

.page-id-16 .rbp-status-grid-two{
    grid-template-columns:repeat(2,290px)!important;
}

.page-id-16 .rbp-status-grid-three{
    grid-template-columns:repeat(3,290px)!important;
}

/* CARTES */

.page-id-16 button.rbp-staffie-card{
    display:block!important;
    position:relative!important;
    width:290px!important;
    height:360px!important;
    min-width:0!important;
    min-height:0!important;
    max-width:290px!important;
    max-height:360px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    appearance:none!important;
    background:#080808!important;
    border:1px solid #c8922e!important;
    border-radius:4px!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
}

.page-id-16 button.rbp-staffie-card img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center!important;
    border:0!important;
    transition:transform .3s ease!important;
}

.page-id-16 button.rbp-staffie-card:hover img{
    transform:scale(1.035)!important;
}

.page-id-16 .rbp-staffie-card-overlay{
    position:absolute!important;
    z-index:3!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    display:block!important;
    padding:60px 16px 17px!important;
    margin:0!important;
    background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.82) 42%,#050505 100%)!important;
    text-align:center!important;
    color:#fff!important;
}

.page-id-16 .rbp-staffie-card-overlay small{
    display:block!important;
    margin:0 0 6px!important;
    color:#d6a23e!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
}

.page-id-16 .rbp-staffie-card-overlay strong{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:25px!important;
    font-weight:500!important;
    line-height:1.05!important;
}

.page-id-16 .rbp-staffie-card-overlay em{
    display:block!important;
    margin:6px 0 0!important;
    color:#ddd!important;
    font-size:10px!important;
    font-style:normal!important;
    line-height:1.25!important;
}

/* RESPONSIVE */

@media(max-width:760px){
    .page-id-16 .rbp-status-grid-three,
    .page-id-16 .rbp-status-grid-two{
        grid-template-columns:repeat(2,260px)!important;
    }

    .page-id-16 button.rbp-staffie-card{
        width:260px!important;
        max-width:260px!important;
        height:330px!important;
        max-height:330px!important;
    }
}

@media(max-width:580px){
    .page-id-16 .rbp-status-grid-one,
    .page-id-16 .rbp-status-grid-two,
    .page-id-16 .rbp-status-grid-three{
        grid-template-columns:290px!important;
    }

    .page-id-16 button.rbp-staffie-card{
        width:290px!important;
        max-width:290px!important;
        height:360px!important;
        max-height:360px!important;
    }

    .page-id-16 .rbp-status-banner{
        font-size:11px!important;
    }
}

/* =========================================================
   ROYALE BLACK PEARL — GOLD LUXURY
   ========================================================= */

body.page-id-16{
    background:
        radial-gradient(circle at 50% 0%,rgba(200,146,46,.08),transparent 32%),
        #030303!important;
}

/* HERO */

.page-id-16 .rbp-staffies-cards-hero{
    position:relative!important;
    background:
        radial-gradient(circle at 50% 100%,rgba(200,146,46,.08),transparent 55%),
        #030303!important;
    padding-bottom:55px!important;
}

.page-id-16 .rbp-staffies-cards-hero:after{
    content:""!important;
    display:block!important;
    width:130px!important;
    height:1px!important;
    margin:28px auto 0!important;
    background:linear-gradient(90deg,transparent,#8e6115,#ffd978,#8e6115,transparent)!important;
    box-shadow:0 0 12px rgba(255,196,70,.5)!important;
}

.page-id-16 .rbp-eyebrow{
    color:#e2aa32!important;
    letter-spacing:.28em!important;
    text-transform:uppercase!important;
    font-weight:700!important;
}

.page-id-16 .rbp-staffies-cards-hero h1{
    background:linear-gradient(
        180deg,
        #fff5cc 0%,
        #f6d87a 25%,
        #c78c20 52%,
        #ffe69a 73%,
        #a96e0c 100%
    )!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    text-shadow:0 0 18px rgba(218,162,48,.10)!important;
}

/* BLOCS */

.page-id-16 .rbp-status-block{
    position:relative!important;
    margin-bottom:52px!important;
}

/* BANDEAUX LUXE */

.page-id-16 .rbp-status-banner{
    position:relative!important;
    width:calc(100% - 70px)!important;
    max-width:930px!important;
    min-height:54px!important;
    margin:0 auto 25px!important;
    padding:14px 75px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:
        linear-gradient(180deg,rgba(255,255,255,.035),transparent 35%),
        linear-gradient(90deg,#070707,#17120a 45%,#17120a 55%,#070707)!important;

    border-top:1px solid #c88c1a!important;
    border-bottom:1px solid #c88c1a!important;
    border-left:0!important;
    border-right:0!important;

    color:#f4cf72!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:21px!important;
    font-weight:500!important;
    line-height:1.2!important;
    letter-spacing:.20em!important;
    text-align:center!important;
    text-transform:uppercase!important;

    text-shadow:
        0 0 8px rgba(255,196,68,.30),
        0 1px 0 #000!important;

    box-shadow:
        0 1px 0 rgba(255,223,137,.12) inset,
        0 0 18px rgba(200,146,46,.08)!important;

    overflow:visible!important;
}

/* pointes du bandeau */

.page-id-16 .rbp-status-banner:before,
.page-id-16 .rbp-status-banner:after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:42px!important;
    height:42px!important;
    transform:translateY(-50%) rotate(45deg)!important;
    background:#0b0905!important;
    border-color:#c8922e!important;
    box-shadow:
        0 0 10px rgba(255,190,52,.22),
        inset 0 0 8px rgba(255,196,65,.06)!important;
}

.page-id-16 .rbp-status-banner:before{
    left:-21px!important;
    border-left:2px solid #c8922e!important;
    border-bottom:2px solid #c8922e!important;
}

.page-id-16 .rbp-status-banner:after{
    right:-21px!important;
    border-right:2px solid #c8922e!important;
    border-top:2px solid #c8922e!important;
}

/* lignes lumineuses autour des bandeaux */

.page-id-16 .rbp-status-block:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:27px!important;
    height:1px!important;
    z-index:0!important;
    background:linear-gradient(
        90deg,
        transparent 0%,
        rgba(200,146,46,.20) 8%,
        #c8922e 24%,
        transparent 42%,
        transparent 58%,
        #c8922e 76%,
        rgba(200,146,46,.20) 92%,
        transparent 100%
    )!important;
    box-shadow:0 0 9px rgba(245,180,47,.22)!important;
}

.page-id-16 .rbp-status-banner{
    z-index:2!important;
}

/* CARTES */

.page-id-16 button.rbp-staffie-card{
    border:1px solid #a97212!important;
    border-radius:8px!important;
    background:#050505!important;

    box-shadow:
        0 0 0 1px rgba(255,215,110,.05),
        0 8px 30px rgba(0,0,0,.65),
        0 0 12px rgba(200,146,46,.10)!important;

    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease!important;
}

.page-id-16 button.rbp-staffie-card:before{
    content:""!important;
    position:absolute!important;
    z-index:4!important;
    inset:0!important;
    pointer-events:none!important;
    border-radius:7px!important;
    background:
        linear-gradient(115deg,
            transparent 0%,
            transparent 43%,
            rgba(255,237,172,.12) 49%,
            transparent 55%,
            transparent 100%)!important;
    transform:translateX(-120%)!important;
    transition:transform .7s ease!important;
}

.page-id-16 button.rbp-staffie-card:hover{
    transform:translateY(-5px)!important;
    border-color:#f0bd4b!important;
    box-shadow:
        0 10px 35px rgba(0,0,0,.75),
        0 0 18px rgba(229,170,48,.28),
        0 0 45px rgba(200,146,46,.10)!important;
}

.page-id-16 button.rbp-staffie-card:hover:before{
    transform:translateX(120%)!important;
}

.page-id-16 button.rbp-staffie-card:hover img{
    transform:scale(1.045)!important;
}

/* gradient bas de carte */

.page-id-16 .rbp-staffie-card-overlay{
    padding:78px 18px 19px!important;
    background:
        linear-gradient(
            to bottom,
            transparent 0%,
            rgba(0,0,0,.25) 18%,
            rgba(2,2,2,.88) 58%,
            #020202 100%
        )!important;
}

/* statut */

.page-id-16 .rbp-staffie-card-overlay small{
    color:#dca42d!important;
    font-size:10px!important;
    letter-spacing:.16em!important;
    text-shadow:0 0 8px rgba(218,159,40,.30)!important;
}

/* nom chien GOLD */

.page-id-16 .rbp-staffie-card-overlay strong{
    margin-top:4px!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:28px!important;
    font-weight:400!important;
    letter-spacing:.06em!important;

    background:linear-gradient(
        180deg,
        #fff1b5 0%,
        #dca436 40%,
        #b87910 65%,
        #ffe085 100%
    )!important;

    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;

    text-shadow:0 0 13px rgba(218,162,48,.12)!important;
}

/* petit ornement sous le nom */

.page-id-16 .rbp-staffie-card-overlay strong:after{
    content:"◆"!important;
    display:block!important;
    margin:7px auto 1px!important;
    color:#d59b25!important;
    font-family:Arial,sans-serif!important;
    font-size:7px!important;
    line-height:1!important;
    letter-spacing:0!important;
    -webkit-text-fill-color:#d59b25!important;
    text-shadow:0 0 7px rgba(230,169,48,.45)!important;
}

/* nom officiel */

.page-id-16 .rbp-staffie-card-overlay em{
    color:#eee!important;
    font-size:10px!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
}

/* petits éclats lumineux sur les cadres */

.page-id-16 .rbp-status-grid{
    position:relative!important;
}

/* POPUPS — même identité */

.page-id-16 dialog.rbp-staffie-dialog{
    background:
        radial-gradient(circle at 50% 0%,rgba(200,146,46,.09),transparent 28%),
        #080808!important;

    color:#eee!important;
    border:1px solid #b77d17!important;
    border-radius:9px!important;

    box-shadow:
        0 30px 100px rgba(0,0,0,.88),
        0 0 30px rgba(200,146,46,.14)!important;
}

.page-id-16 dialog.rbp-staffie-dialog::backdrop{
    background:rgba(0,0,0,.88)!important;
    backdrop-filter:blur(6px)!important;
}

.page-id-16 .rbp-dialog-close{
    border:1px solid #c8922e!important;
    background:#050505!important;
    color:#e9bd59!important;
    box-shadow:0 0 12px rgba(200,146,46,.12)!important;
}

.page-id-16 .rbp-dog-v2-info h2,
.page-id-16 .rbp-staffie-dialog h2{
    background:linear-gradient(180deg,#fff0b2,#cf9429,#ffe49a)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
}

.page-id-16 .rbp-dog-v2-block h3{
    color:#e0aa3d!important;
    letter-spacing:.08em!important;
}

.page-id-16 .rbp-dog-v2-block,
.page-id-16 .rbp-dog-v2-facts,
.page-id-16 .rbp-dog-v2-tags{
    border-color:rgba(200,146,46,.25)!important;
}

.page-id-16 .rbp-dog-v2-link{
    border:1px solid #c8922e!important;
    color:#e4b34c!important;
    background:#090909!important;
    transition:.25s ease!important;
}

.page-id-16 .rbp-dog-v2-link:hover{
    background:#c8922e!important;
    color:#050505!important;
    box-shadow:0 0 18px rgba(200,146,46,.25)!important;
}

/* MOBILE */

@media(max-width:760px){

    .page-id-16 .rbp-status-banner{
        width:calc(100% - 40px)!important;
        padding:12px 40px!important;
        font-size:16px!important;
        letter-spacing:.12em!important;
    }

    .page-id-16 .rbp-status-banner:before,
    .page-id-16 .rbp-status-banner:after{
        width:30px!important;
        height:30px!important;
    }

    .page-id-16 .rbp-status-banner:before{
        left:-15px!important;
    }

    .page-id-16 .rbp-status-banner:after{
        right:-15px!important;
    }
}