.page-id-14504 .td-crumb-container, .page-id-14504 .td-page-header {display:none}
.page-id-3829 .td-crumb-container, .page-id-3829 .td-page-header {display:none}
.page-id-3829 .td-page-content {padding-bottom:0}

#ow-formules {
padding-top:50px;
padding-bottom:50px;
}


#ow-formules-entete {
text-align:center;
}

.surtitre {
letter-spacing: 0.3em;
text-transform:uppercase;
color:#d50000;
font-size:0.7rem;
font-weight:600;
}

#ow-subscription-choice .surtitre {
font-weight:400;
}

#ow-formules-entete, #ow-formules-entete h1, #ow-formules-entete p {
color:#ffffff;
}

#ow-formules-entete h1 {
font-size:3.75rem;
font-weight:700;
font-family:'Zilla Slab', serif;
line-height:1.05;
}

#ow-formules-entete h1 span {
font-weight:500;
font-style:italic;
}

.separateur {
background:#d50000;
width:64px;
height:2px;
margin: 1.5rem auto;
}

#ow-subscription-choice .separateur {
margin: 1.5rem 0;
}

#ow-formules-soustitre {
font-size:18px;
opacity:0.8;
}


@media (min-width: 992px) {
#ow-formules-liste {
    display: grid;    
    gap: 30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 768px) and (max-width: 991.999px) {
#ow-formules-liste
 {
display: grid;    
    gap: 30px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.999px) {
.ow-formule-card {margin-bottom:20px;}
#ow-formules-liste {padding:25px;}
#ow-formules-liste .ow-formule-content .wp-block-list {margin:15px 0;}
#ow-formules-liste .ow-formule-content .wp-block-list li {margin-bottom:0;}
}

@media (min-width: 992px) {
.ow-block-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
}

.ow-formule-thumbnail {
background-color:#000000;
overflow:hidden;
aspect-ratio:4/3;
position:relative;
}

.ow-formule-thumbnail img {
    object-fit:contain;
transition-duration:0.7s;
transition-property: transform, translate, scale, rotate;
transition-timing-function : cubic-bezier(0.4, 0, 0.2, 1);
width:100%;
height:100%;
}

.ow-formule-thumbnail img:hover {
scale:1.05;
}

.ow-formule-card {
    
    
    background: #ffffff;
display:flex;
flex-direction:column;

    
}

.ow-formule-card-inner {
    
    padding: 25px;
     background: #ffffff;
display:flex;
flex-direction:column;
flex:1;

    
}

.ow-formule-card h3 {
    margin: 0;
font-family: 'Zilla Slab', serif;
font-weight:700;
font-size:24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    
    line-height: 1;
}

.ow-formule-card h3::after {
    content: "";
    display: block;
    width: 55px;
    height: 2px;
    background: #d50000;
    margin-top: 18px;
}
.ow-formule-card .ow-formule-content {
flex:1;
}
.ow-formule-card ul {
    list-style: none;
    padding: 0;
    margin: 25px 0 0;

}

.ow-formule-card li {
    position: relative;
    padding-left: 34px;
margin-left:0;

}

.ow-formule-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #d50000;
    font-size: 18px;
    font-weight: bold;
line-height:1.4;
}

.ow-formule-button {padding:20px 0 0 0}

button.ow-choose-formule, #ow-formules-form button {
display:block;
width:100%;
background:#d50000;
color:#ffffff;
text-align:center;
border:1px solid #d50000;
padding:5px ;
border-radius:2px;
transition: background .25s, transform .25s;
} 

button.ow-choose-formule:hover, #ow-formules-form button:hover {
    background: #b00000;
    transform: translateY(-1px);
}

#ow-subscription-choice {background:#f5f5f5;padding:25px}

#ow-formules-pictos {
display:grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap:16px;
margin-bottom:25px;
}

h2#formule-choisie {
font-family: 'Zilla Slab', serif;
font-weight:700;
font-size:36px;
    text-transform: uppercase;
    letter-spacing: 1px;
    
    line-height: 1;
}



.ow-formules-picto {
display:flex;
align-items:center;
gap:12px;
background:#ffffff;
border:1px solid #efefef;
padding:12px 16px;
}


.ow-formules-picto svg {
color:#d50000;
}




.ow-subscription-types h3 {
font-size:1.5rem;
font-weight:700;
font-family: 'Zilla Slab', serif;
}

.ow-prix {
font-size:1.5rem;
font-weight:700;
display:flex;
flex-direction:column;
align-items:flex-end;
}
.ow-prix .duree{
font-size:1rem;
font-weight:400;
font-style:italic;

}
#prix-annuel, #prix-mensuel {white-space:nowrap}

.ow-radio {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-family: sans-serif;
}


.ow-radio input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
position: absolute;
 
}






/* Cercle externe */
.ow-radio .custom {
  width: 20px;
  height: 20px;
  border: 2px solid #cccccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.2s ease;
}

/* Point + coche (cachés par défaut) */
.ow-radio .custom::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #d50000;
  transform: scale(0);
  transition: transform 0.15s ease;
}

/* Coche blanche */
.ow-radio .custom::after {
  content: "✓";
  position: absolute;
  font-size: 12px;
  color: white;
  opacity: 0;
  transform: scale(0.6);
  transition: 0.15s ease;
}

/* État sélectionné */
.ow-radio input:checked + .custom {
  background: #d50000;
  border-color: #d50000;
}

/* point visible */
.ow-radio input:checked + .custom::before {
  transform: scale(0); /* optionnel ici, on peut le supprimer */
}

/* coche visible */
.ow-radio input:checked + .custom::after {
  opacity: 1;
  transform: scale(1);
}

.abo:has(input:checked) {
  border-color: #d50000;
}

/* focus accessibilité */
.ow-radio input:focus-visible + .custom {
  outline: 3px solid rgba(79, 70, 229, 0.3);
  outline-offset: 2px;
}




.abo-annuel, .abo-mensuel {
display:flex;
align-items:flex-start;
padding:16px 16px 12px;
border:1px solid #dddddd;
margin-bottom:20px;
box-shadow:5px 5px 15px 5px rgba(0,0,0,0.05);
background:#ffffff;
}

.abo-annuel label, .abo-mensuel label {width:70px;padding:7px 0 0 10px}
@media (max-width: 992px) {
.abo-annuel label, .abo-mensuel label {width:80px;padding:7px 0 0 0}
.ow-prix {font-size:1.2rem;}
.ow-subscription-types h3 {font-size:1.4rem;}
}

.abo-annuel h3, .abo-mensuel h3 {margin-top:0;margin-bottom:5px;}
.ow-subscription-types .abo p {color:#555555;margin-bottom:5px}
#economisez {color:#d50000}
.abo-annuel {position:relative}
#recommande {position:absolute;left:30px;top:-10px;background:#d50000;color:#ffffff;padding:1px 7px;font-size:11px}

#ow-retour-formules {font-size:18px;margin-bottom:15px;display:flex;align-items:center}