div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(https://mlubfritfo1x.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://bees-safe.com/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(https://mlubfritfo1x.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://bees-safe.com/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}:root { --rouge-dark: red; --orange-dark: #ef6c00;
--orange-light: #FEF3EB; --yellow-miel: #FFB346;
} .bee-gallery {
position: relative;
max-width: 800px;
margin: 0 auto;
padding-top: 40px;
}
.bee-deco {
position: absolute;
top: 0;
}
.bee-grid {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 15px;
align-items: center;
width: 400px;
}
.bee-grid img {
width: 100%;
height: auto;
border-radius: 12px;
object-fit: cover;
}
.bee-grid .right {
display: flex;
flex-direction: column;
gap: 15px;
}
@media (max-width: 768px) {
.bee-grid {
grid-template-columns: 1fr;
}
.bee-grid .right {
flex-direction: row;
}
.bee-grid img {
border-radius: 8px;
}
} .autocomplete-box {
border: 1px solid #ccc;
max-height: 200px;
overflow-y: auto;
background: white;
position: absolute;
z-index: 1000;
width: 300px;
}
.suggestion-item {
padding: 8px;
cursor: pointer;
}
.suggestion-item:hover {
background: #f0f0f0;
}
.map-section {
display: flex;
}
.filter-barre .search-bar {
flex: 1;
}
.map-block {
flex: 2;
}
.search-block {
flex: 0.8;
max-width: 385px;
background-color: var(--orange-light);
}
.loading {
display: flex;
align-items: center;
gap: 8px;
padding: 10px;
font-size: 14px;
color: #666;
}
.spinner {
width: 14px;
height: 14px;
border: 2px solid #ddd;
border-top: 2px solid #2c7be5;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.apiculteur-item {
background: white;
margin: 10px 20px 0px 20px;
padding: 15px 20px;
border-radius: 10px;
}
.apiculteur-item p {
padding-bottom: 1px;
}
#apiculteurs-list {
max-height: 80vh;
overflow-y: auto;
padding: 10px;
border-radius: 8px;
}
.filter-barre {
background: #F8C092;
padding: 20px 20px;
display: flex;
align-items: center;
gap: 20px;
} .dropdown {
position: relative;
display: inline-block;
} .dropbtn {
background-color: #f39c12;
color: white;
padding: 10px 20px;
font-size: 16px;
border: none;
cursor: pointer;
border-radius: 4px;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 200px;
border: 1px solid #ccc;
z-index: 1000;
padding: 10px;
border-radius: 4px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.dropdown-content.show {
display: block;
}
.form-item {
margin-bottom: 8px;
}
.form-item label {
cursor: pointer;
}
.form-item input[type="checkbox"] {
margin-right: 8px;
} .tem-1 {
background-color: var(--orange-light);
}
#section-profil {
background-color: white;
padding: 2%;
}
#section-profil .my-subscriptions {
margin-top: 30px
}
#section-profil .my-subscriptions .pms-account-subscription-details-table__actions {
margin-top: 10px;
}
.container-commande {
overflow-x: auto;
}
table.mes-commandes-woocommerce,
table#pms-payment-history {
border: 1px solid #CFD4DE !important;
border-radius: 10px !important;
margin-bottom: 30px;
width: 100%;
overflow: hidden
}
.abonnements table#pms-payment-history thead tr,
table.mes-commandes-woocommerce thead tr {
background-color: #fef3eb;
}
.abonnements table#pms-payment-history thead tr th,
table.mes-commandes-woocommerce thead tr th {
font-family: 'Bebas Neue', sans-serif;
text-transform: uppercase;
color: #ef6b00;
font-size: 18px;
padding: 20px 0;
font-weight: normal;
text-align: left
}
.abonnements table#pms-payment-history tr td,
table.mes-commandes-woocommerce tr td {
padding: 20px 0;
}
.abonnements table#pms-payment-history tr th:first-of-type,
table.mes-commandes-woocommerce tr th:first-of-type,
.abonnements table#pms-payment-history tr td:first-of-type,
table.mes-commandes-woocommerce tr td:first-of-type {
padding-left: 20px
}
a.wpo_wcpdf_document_link,
.pms-payment-invoice a {
padding: 5px;
color: #ef6b00 !important;
border-radius: 10px;
text-decoration: underline !important;
}
.pms-payment-status {
display: none !important
}
.profil-wrapper {
padding: 20px 20px 50px;
}
.profil-wrapper .flex-row {
background-color: white;
border-radius: 8px;
padding: 40px 20px;
max-width: 1000px;
margin: auto;
}
.profil-menu {
background-color: #ef6b00;
margin-bottom: 0;
max-width: 1080px;
margin: auto;
padding: 10px;
border-radius: 8px 8px 0 0;
}
.profil-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.profil-menu li {
padding: 5px;
cursor: pointer;
border-radius: 6px;
transition: background 0.2s;
}
.profil-menu li:hover {
background: #ff7c11;
}
.profil-menu li.active {
color: var(--orange-dark);
}
.profil-menu li a {
font-size: 15px;
color: white;
}
.profil-menu li.active {
background-color: white
}
.profil-menu li.active a {
color: #ef6b00
}
.profil-content {
max-width: 850px;
margin: auto;
flex: 1;
background: #fff;
border-radius: 8px;
position: relative;
}
.profil-content h3 {
color: var(--orange-dark);
font-family: 'Poppins';
text-transform: uppercase;
padding-bottom: 20px;
width: 100%;
margin-bottom: 5px;
font-size: 1.2em;
}  .profil-menu .menu-list {
display: flex;
gap: 5px;
list-style: none;
padding: 0;
margin: 0;
}
.profil-menu li a {
white-space: nowrap;
}
.mobile-dropdown {
display: none;
} @media (max-width: 1000px) {
.profil-menu .menu-list {
display: none; }
.mobile-dropdown {
display: block;
position: relative;
}
.mobile-toggle {
background: #ef6b00;
border: 0;
padding: 10px;
font-size: 16px;
cursor: pointer;
width: 100%;
text-align: left;
color: white;
}
.mobile-menu-list {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
border: 1px solid #fff;
background: white;
list-style: none;
padding: 0;
margin: 0;
z-index: 100;
}
.mobile-menu-list li {
padding: 10px;
border-bottom: 1px solid #eee;
}
.mobile-menu-list li a {
color: #1d2327;
}
.mobile-menu-list li:last-child {
border-bottom: none;
}
} .tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.sec-avatar {
justify-content: flex-start !important;
gap: 15px;
}
.avatar-buttons {
gap: 15px;
}
.form-profil input {
width: 100%;
}
.form-profil label,
.acf-label label {
display: flex;
flex-direction: column;
}
#save-my-account {
border-radius: 24px;
font-size: 16px;
background-color: var(--orange-dark);
padding: 8px 30px;
border: none;
color: white;
margin-top: 20px;
cursor: pointer;
}
.form-check {
flex-direction: row !important;
}
.profil-content .um {
margin-left: 0px !important;
}
.form-profil-api {
margin-top: 20px;
}
.acf-input-wrap input {
border: none;
} .form-profil {
display: flex;
gap: 20px;
align-items: flex-start;
flex-wrap: wrap;
padding: 30px;
background: #fef3eb;
border-radius: 14px;
align-items: center;
} .form-profil .infos {
min-width: 320px;
max-width: 420px;
width: 100%;
margin-right: 3em;
} .form-profil input {
width: 100%;
padding: 14px 14px;
border-radius: 8px;
border: 1px solid #e5e5e5;
font-size: 14px;
background: white;
transition: all 0.15s ease;
} .form-profil input:focus {
outline: none;
background: #fff;
border-color: #d6d6d6;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04);
} .avatar-box {
text-align: center;
min-width: 160px;
}
#user-avatar {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
border: 1px solid #eaeaea;
background: #f6f6f6;
}
#change-avatar {
margin-top: 0px;
} .btn-orange {
background: #111;
color: #fff;
border: none;
padding: 10px 14px;
border-radius: 8px;
font-size: 13px;
cursor: pointer;
transition: 0.15s;
}
.btn-orange-neg {
background: #fff !important;
color: #ef6c00 !important;
border: 1px solid #ef6c00 !important;
padding: 8px 30px;
border-radius: 24px;
font-size: 16px;
cursor: pointer;
transition: 0.15s;
margin-top: 20px;
}
.btn-orange:hover {
background: #000;
}
.btn-white {
background: #fff;
border: 1px solid #e5e5e5;
padding: 10px 14px;
border-radius: 8px;
font-size: 13px;
cursor: pointer;
}
.btn-white:hover {
background: #f7f7f7;
} .flex-column {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 12px;
} @media(max-width:768px) {
.form-profil {
flex-direction: column;
gap: 30px;
padding: 20px;
}
.avatar-box {
order: -1;
align-self: flex-start;
}
}
.form-profil-api {
max-width: 850px;
margin: auto;
padding: 30px;
background: #fef3eb;
border-radius: 14px;
}
.form-profil-api h3 {
font-size: 20px;
font-weight: 600;
} .form-profil-api .acf-field {
margin-bottom: 18px;
}
.acf-switch .acf-switch-on {
text-shadow: none;
} .form-profil-api .acf-label label,
.infos label {
font-size: 13px;
margin-bottom: 6px;
font-weight: 500;
}
.acf-table thead {
display: none;
}
.acf-table input[type="text"] {
border: none !important;
}
.acf-field-textarea {
margin-bottom: 0px !important;
} .form-profil-api input[type="text"],
.form-profil-api input[type="url"],
.form-profil-api textarea,
.form-profil-api select {
width: 100%;
padding: 14px;
border-radius: 8px;
border: 1px solid #e5e5e5;
background: white;
font-size: 14px;
transition: 0.15s;
} .form-profil-api input:focus,
.form-profil-api textarea:focus,
.form-profil-api select:focus {
outline: none;
background: #fff;
border-color: #d6d6d6;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04);
} .form-profil-api textarea {
min-height: 120px;
resize: vertical;
} .form-profil-api .acf-gallery {
border: 1px solid #e5e5e5;
border-radius: 10px;
background: white;
padding: 10px;
}
.acf-gallery-toolbar .acf-hl {
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
gap: 30px;
}
.acf-gallery-toolbar a,
.acf-actions a {
font-weight: 400;
}
.acf-fields>.acf-field {
padding-left: 0px;
} .form-profil-api .acf-row-flex {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
align-items: start;
margin-bottom: 18px; } .form-profil-api .acf-row-flex .acf-field {
margin-bottom: 0; }
.form-profil-api .acf-field[data-name="site_web"],
.form-profil-api .acf-field[data-name="facebook_url"],
.form-profil-api .acf-field[data-name="instagram_url"],
.form-profil-api .acf-field[data-name="linkedin_url"] {
display: inline-block;
}
.form-profil-api .acf-field[data-name="secteur"] {
margin-bottom: 0px;
padding: 0px;
padding-top: 15px;
} .form-profil-api .acf-fields-reseaux {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-bottom: 20px;
} .acf-fields-inline {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-bottom: 18px;
} .acf-fields-inline .acf-field {
margin-bottom: 0;
} .my-subscriptions .pms-account-navigation,
.my-subscriptions .pms-user-login-field,
.my-subscriptions .pms-user-email-field,
.my-subscriptions .pms-first-name-field,
.my-subscriptions .pms-last-name-field {
display: none !important
}
.acf-input .acf-repeater .acf-row-handle.order {
background: var(--orange-dark);
text-shadow: none;
color: white;
}
.mes-services h2 {
text-align: center;
color: #ef6c00;
padding-bottom: 30px;
}
.products h2 {
text-align: center;
padding-bottom: 10px;
color: #ef6b00;
}
.mes-services ul {
-webkit-columns: 2;
-moz-columns: 2;
list-style-position: inside;
}
.mes-services ul li {
line-height: 2.2em;
}
.interventions-list {
display: flex;
gap: 15px;
flex-direction: column;
}
.inter-item {
background-color: #fef3eb;
border-radius: 12px;
padding: 16px 20px;
border: 1px solid #e0e0e0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
transition: transform 0.2s, box-shadow 0.2s;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 800px;
}
.inter-item:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
}
#avis-section {
background: white;
display: flex;
width: fit-content;
padding: 7px 5px;
border-radius: 10px;
margin-bottom: 15px;
gap: 10px;
}
.produits-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.produits-list .produit-item {
background-color: #fef3eb;
cursor: pointer;
border-radius: 15px;
overflow: hidden;
position: relative;
}
.produits-list .produit-item img {
width: 250px;
max-height: 200px;
object-fit: cover
}
.produits-list .produit-item>div {
padding: 10px
}
.produits-list .produit-item .btn-plus-info {
float: right;
font-size: 20px;
margin: 10px;
margin-bottom: 20px;
padding: 7px 20px;
border-radius: 50px;
line-height: 15px;
font-family: 'Bebas Neue', sans-serif;
background-color: #ef6c00;
color: white;
cursor: pointer;
border: 0;
}
.popup-produit {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
justify-content: center;
align-items: center;
z-index: 99999;
}
.popup-produit>div {
background: #fff;
padding: 0;
max-width: 750px;
max-height: 90vh;
width: 90%;
position: relative;
border-radius: 8px;
overflow-y: auto;
}
.popup-produit h2 {
text-align: left
}
.close-popup {
position: absolute;
top: 10px;
right: 10px;
;
border: 0;
background: transparent;
font-size: 20px;
color: #b2b2b2;
}
.popup-first-part {
padding: 40px;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.popup-first-part .categorie-prod span {
display: inline;
color: #ef6c00;
text-transform: uppercase;
}
.popup-first-part img {
width: 200px;
max-height: 200px;
object-fit: cover;
border-radius: 5px;
margin-bottom: 15px;
}
@media screen and (max-width: 980px) {
.popup-first-part img {
width: 100% !important;
max-height: 150px !important;
}
.produits-list {
justify-content: space-around;
}
}
.popup-first-part .tel,
.popup-first-part .mail {
background-color: #ef6c00;
padding: 5px 20px;
border-radius: 50px;
margin-bottom: 10px
}
.popup-first-part .tel a,
.popup-first-part .mail a {
color: #fff;
}
.popup-second-part {
background-color: #FEF3EB;
padding: 20px;
padding-bottom: 40px;
}
.profile-public .mes-services div {
max-width: 750px;
margin: auto;
}
.profile-public .mes-services div ul li {
background: #fff;
padding: 10px 20px;
margin-bottom: 10px;
border-radius: 10px
}
.about-me {
margin: auto;
max-width: 750px;
background-image: url(https://mlubfritfo1x.i.optimole.com/w:auto/h:auto/q:mauto/f:best/ig:avif/https://bees-safe.com/wp-content/uploads/2026/01/a-propos-de-moi.svg);
background-repeat: no-repeat;
padding: 30px !important;
background-position: top right;
background: #fef3eb;
margin-bottom: 40px;
}
.about-me div:first-child {
margin: auto;
max-width: 650px;
flex: 1;
min-height: 50px;
position: relative;
align-items: center;
}
.about-me h2 {
margin: auto;
text-align: center;
color: #ef6b00;
}
@media screen and (max-width: 980px) {
.profile-public .flex-row {
flex-direction: column;
}
.profile-public .userdata div:first-child {
order: 2;
max-width: 400px;
width: 100%;
}
.profile-public .userdata div:last-child {
order: 1;
}
.about-me div:first-child {
min-height: initial;
background-image: transparent !important;
}
.about-me {
margin: 50px auto;
}
}
.vente-options {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.vente-options div {
border-radius: 50px;
padding: 5px 10px;
margin: 10px;
}
.vente-options .vente-active {
position: relative;
padding-left: 30px;
background-color: #ef6c00;
color: #fff;
}
.vente-options .vente-active:before {
content: '✓';
position: absolute;
left: 10px;
color: #fff;
}
.vente-options .vente-inactive {
background-color: #fff
}
.popup-last-part {
padding: 30px;
padding-bottom: 40px;
}
.popup-last-part .address-list div {
border-radius: 5px;
padding: 7px;
font-weight: 500;
font-size: 14px;
}
.address-item {
background-color: #fef3eb;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px
}
#carousel .slides img {
width: 100%;
height: 300px;
object-fit: cover;
border-radius: 8px;
}
.flexslider:hover .flex-direction-nav .flex-next {
padding: 10px;
} .inter-item strong {
font-size: 1.2rem;
margin-bottom: 8px;
color: #2c3e50;
} .inter-item p {
margin: 4px 0;
font-size: 0.95rem;
color: #555;
line-height: 1.4;
} .inter-item em {
display: inline-block;
margin-top: 8px;
font-style: normal;
color: #888;
font-size: 0.9rem;
} .inter-item .actions {
margin-top: 12px;
display: flex;
gap: 8px;
}
.inter-item .actions button {
flex: 1;
padding: 8px 10px;
border: none;
border-radius: 6px;
font-size: 0.95rem;
cursor: pointer;
transition: background 0.2s;
color: #fff;
} .inter-item .actions .validate-btn {
background-color: #27ae60;
}
.inter-item .actions .validate-btn:hover {
background-color: #219150;
}
.inter-item .actions .delete-btn {
background-color: #e74c3c;
}
.inter-item .actions .delete-btn:hover {
background-color: #c0392b;
} .inter-item .icon {
margin-right: 6px;
font-size: 1rem;
}
.avis-box {
background: white;
padding: 10px 5px;
border-radius: 5px;
margin-top: 10px;
}
.avis-box p {
line-height: 5px;
font-size: 1em;
}
.avis-box .stars,
#avis-stars .star {
color: var(--orange-dark);
font-size: 1.4em;
}  .my-subscriptions label {
display: block;
font-size: 13px;
font-weight: 500;
margin-bottom: 6px;
} .my-subscriptions input[type="password"] {
width: 100%;
padding: 12px 14px;
border-radius: 8px;
border: 1px solid #e5e5e5;
background: white;
font-size: 14px;
transition: all 0.15s ease;
}
.my-subscriptions input[type="password"]:focus {
outline: none;
border-color: #d6d6d6;
background: #fff;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04);
} .api-wrapper {
padding: 2% 8%;
}
.api-wrapper .api-1 div:nth-child(2) img {
border: 15px solid white;
rotate: 2deg;
max-width: 470px;
}
.acf-gallery {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.acf-gallery img {
width: 150px;
height: auto;
border-radius: 8px;
object-fit: cover;
}
.page-template-profil-api .flex-direction-nav a {
padding-top: 10px;
}
.api-wrapper:nth-child(3) li::before {
content: "✔";
color: var(--orange-dark);
font-weight: bold;
margin-right: 8px;
}
.api-wrapper .section-coord>div {
display: flex;
align-items: center;
flex-direction: row;
gap: 10px;
}
#mes-services .acf-table thead {
display: none;
}
#mes-services .acf-label {
display: none;
}
#liste-adresses {
list-style: none;
padding: 0;
margin-top: 10px;
}
#liste-adresses li {
display: flex;
justify-content: space-between;
align-items: center;
background: var(--orange-light);
padding: 6px 10px;
border-radius: 6px;
margin-bottom: 4px;
}
.remove-btn {
background: transparent;
border: none;
color: var(--rouge-dark);
font-size: 18px;
cursor: pointer;
}
.suggestion {
background: white;
border: 1px solid #ddd;
padding: 5px;
cursor: pointer;
}
.suggestion:hover {
background: #eee;
}
.statut-role {
background-color: var(--orange-dark);
color: white;
padding: 6px 20px !important;
border-radius: 50px;
}
.gestion-adresses label {
color: var(--orange-dark);
font-weight: 400;
}
.profil-content #mes-adresses h3 {
color: #333;
padding-top: 40px;
padding-bottom: 18px;
}
.bg-free {
background-color: var(--yellow-miel);
}
.bg-premium {
background-color: var(--orange-dark);
}
.popup-max-add {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: var(--orange-dark) 2px solid;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
z-index: 9999;
background: white;
text-align: center;
}
.popup-max-add button {
margin-top: 10px;
padding: 5px 15px;
background-color: var(--yellow);
border: none;
border-radius: 5px;
cursor: pointer;
}
.popup-max-add .statut-role {
width: fit-content;
margin: auto;
margin-bottom: 10px;
}
.popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9998;
} .page-template-map-search-api #autocomplete-results {
top: 180px;
}
.btn-prim {
color: #FFFFFF !important;
border-radius: 24px;
font-size: 16px;
background-color: var(--orange-dark);
cursor: pointer;
border: none;
padding: 5px 20px;
margin-top: 10px;
}
.btn-sec {
color: var(--orange-dark) !important;
border-radius: 24px;
font-size: 16px;
background-color: white;
cursor: pointer;
border: var(--orange-dark) 1px solid !important;
padding: 5px 20px;
margin-top: 10px;
text-align: center; }
.modal-contact {
display: none;
position: fixed;
z-index: 9999;
inset: 0;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(4px);
justify-content: center;
align-items: center;
}
.modal-contact.active {
display: flex;
}
.modal-content {
background: #fff;
padding: 20px;
max-width: 450px;
width: 90%;
border-radius: 10px;
text-align: center;
animation: fadeIn .25s ease;
}
.modal-content a {
border: solid 2px #e46d0b;
padding: 10px 10px;
}
.modal-close {
float: right;
cursor: pointer;
font-size: 1.5rem;
}
.modal-content h2 {
padding-bottom: 30px;
}
#modalBody {
padding: 40px 0px;
}
#avisPrenom,
#avisNom,
#avisEmail {
width: 100%;
max-width: 400px;
padding: 12px 16px;
margin-bottom: 12px;
font-size: 16px;
border: 2px solid #e5e7eb;
border-radius: 12px;
background: #f9fafb;
color: #111;
transition: all 0.25s ease;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#avisPrenom:focus,
#avisNom:focus,
#avisEmail:focus {
border-color: var(--orange-dark);
background: #fff;
box-shadow: 0 0 8px rgba(124, 58, 237, 0.3);
outline: none;
}
#avisPrenom::placeholder,
#avisNom::placeholder,
#avisEmail::placeholder {
color: #9ca3af;
}
.avis-optin {
margin-top: 2em;
}
.avisSubmit {
margin-bottom: 15px;
}
@keyframes fadeIn {
from {
transform: scale(.95);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
.apiculteur-actions {
display: flex;
gap: 10px;
justify-content: flex-start;
}
@media (max-width: 1290px) {
.apiculteur-actions {
justify-content: flex-start;
flex-direction: column;
}
}
@media (max-width: 780px) {
.map-section {
display: flex;
flex-direction: column;
}
} .inter-stat {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 22px;
}
.inter-stat>div:first-child {
background: white;
padding: 10px 40px;
}
.statut-select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;
padding: 10px 40px 10px 15px;
font-size: 1em;
border-radius: 12px;
border: 1px solid #ddd;
outline: none;
cursor: pointer;
font-weight: 500;
transition: 0.2s ease;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%23666' stroke-width='3' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 18px;
}
.statut-select:hover {
border-color: #aaa;
}
.statut-select:focus {
border-color: #4c9aff;
box-shadow: 0 0 0 4px rgba(76, 154, 255, 0.2);
}
.inter-stat label {
padding-right: 5px;
} .page-id-371 #et-main-area {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.section-avis {
display: flex;
flex: 1;
justify-content: center;
flex-direction: column;
align-items: center;
padding: 4% 0px;
}
.star-rating {
font-size: 30px;
color: #ccc;
cursor: pointer;
}
.star-rating .filled {
color: #ef6c00;
}
.star-rating span {
color: #ccc;
transition: color 0.2s;
} .section-avis form {
width: 400px;
margin: 0 auto;
background: #fff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
font-family: 'Arial', sans-serif;
} .section-avis label {
font-weight: bold;
display: block;
margin-bottom: 8px;
color: #333;
} .section-avis textarea {
width: 100%;
padding: 10px 12px;
border-radius: 8px;
border: 1px solid #ccc;
font-size: 14px;
resize: vertical;
transition: border 0.2s;
}
.section-avis textarea:focus {
border-color: #ff9800;
outline: none;
} .section-avis .btn-orange {
display: inline-block;
border: none;
padding: 12px 25px;
cursor: pointer;
transition: background 0.3s, transform 0.2s;
}
.section-avis .btn-orange:hover {
background-color: #e68900;
transform: translateY(-2px);
} .avis-message {
text-align: center;
margin-bottom: 20px;
padding: 12px 15px;
border-radius: 8px;
font-weight: bold;
}
.avis-message.success {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.avis-message.error {
background-color: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
} .form-create-annonce {
background-color: #fef3eb;
border-radius: 12px;
padding: 16px 20px;
margin-bottom: 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 800px;
}
.form-create-annonce input,
.form-create-annonce select {
padding: 5px 10px;
border-radius: 8px
}
.form-create-annonce label.nom-product,
.form-create-annonce label.lieu,
.form-create-annonce label.photo,
.caracteristiques label,
.contact legend,
.moyens-vente legend,
.addresses-dispo legend {
margin-top: 10px;
text-transform: uppercase;
font-size: 14px;
color: #333;
}
.contact label,
.addresses-dispo label,
.moyens-vente label {
border-radius: 8px;
background-color: white;
display: block;
margin-bottom: 5px;
padding: 10px 20px
}
.annonce-badge {
font-size: 20px;
margin-bottom: 20px;
color: #ef6c00;
text-transform: uppercase;
}
.annonce-inactive .annonce-content {
opacity: 0.45;
filter: grayscale(100%);
pointer-events: auto;
}
input[name="nom_annonce"],
input[name="lieu_production"],
input[name="prix"],
input[name="edit_nom_annonce"],
input[name="edit_lieu_production"],
input[name="edit_prix"] {
border: 1px solid #bbb;
width: 100%;
padding: 10px;
}
input[name="poids"] {
border: 1px solid #bbb;
padding: 5px 10px;
}
fieldset.contact,
fieldset.caracteristiques {
margin: 10px 0;
}
.header-annonces-bouton {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px
}
.annonces-list li {
border-radius: 12px;
padding: 16px 20px;
margin-bottom: 50px;
border: 1px solid #ef6c00;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.annonces-list li .reactivate-form {
position: absolute;
right: 20px;
top: 0;
}
.annonces-list li img {
height: 100px;
width: 100px;
object-fit: cover;
}
#mes-annonces .success {
border: 1px solid #4f9f44;
color: #4f9f44;
padding: 10px 20px;
border-radius: 5px;
margin-bottom: 20px
}
.annonce-actions {
display: flex;
flex-wrap: wrap;
gap: 10px
}
.annonce-actions button {
color: white;
background: #ef6b00;
border: 0;
margin-top: 20px;
padding: 8px 30px;
border-radius: 50px;
cursor: pointer
}
.list-button-action {
margin-top: 10px;
display: flex;
gap: 10px;
justify-content: flex-end;
flex-wrap: wrap;
}
.select-vente {
padding: 10px;
background: #fef3eb;
border-radius: 50px;
}
.form-create-annonce .select-vente {
background: #fff;
}
.mes-annonces-wrapper .message .notice {
border-radius: 5px;
border: 2px solid #ef6b00;
padding: 10px 20px;
color: #ef6b00;
margin-bottom: 20px;
}
.bloc-boutique {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 20px;
margin-top: 30px
}
.bloc-boutique div {
border-radius: 10px;
padding: 20px;
border: 1px solid #ef6c00;
max-width: 415px;
}
@media screen and (max-width: 750px) {
.header-moncompte {
padding-bottom: 30px !important
}
.subscription-info,
#toggle-create-form,
.list-button-action>button {
width: 100% !important
}
.list-button-action,
.header-annonces-bouton {
flex-wrap: wrap;
}
.annonces-list li .reactivate-form {
position: relative;
right: initial;
margin-bottom: 20px;
}
.annonces-list li .reactivate-form>button {
margin-top: 0 !important;
}
.annonce-content>div {
flex-wrap: wrap;
}
.annonce-content>div>div {
order: 2;
}
.expiration-block {
order: 1 !important;
}
.annonce-expiration {
margin-top: 0 !important;
}
}
.page-template-template-abonnement .abonnements .pms-form-design-wrapper {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.profil-content.abonnements {
background-color: white;
border-radius: 8px;
padding: 40px 20px;
max-width: 1080px;
margin: auto;
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table__plan td {
font-size: 22px;
font-family: 'Bebas Neue', sans-serif;
margin-top: 20px
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table {
background: #fef3eb;
padding: 20px;
border-radius: 6px;
margin-bottom: 4px;
flex: 1;
min-width: 250px;
margin-bottom: 0 !important;
}
.pms-form-design-wrapper table.pms-account-subscription-details-table:last-of-type {
margin-bottom: 0 !important;
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table td,
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table tr {
background: transparent !important;
border: 0 !important;
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table tr {
margin: 5px 20px !important;
padding: 0 !important;
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table .pms-account-subscription-details-table__status td {
background: white !important;
border: 0 !important;
color: #ef6c00 !important;
margin-bottom: 10px
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table__payment-method {
background-color: white !important;
padding: 10px;
border-radius: 6px !important;
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table td:first-child {
display: none
} .page-template-template-abonnement .securite .sub-liste,
.page-template-template-abonnement .paiements .sub-liste {
display: none;
}
@media screen and (max-width: 750px) {
.profil-content.abonnements {
padding: 40px 10px;
}
.bloc-boutique div {
padding: 20px 10px;
}
}
.pms_success-messages-wrapper {
width: 100%;
}
.sub-liste .subscription-item {
position: relative;
background: #fef3eb;
border-radius: 5px;
padding: 20px;
}
.sub-liste .subscription-item h4 {
font-size: 26px
}
.statut-sub {
text-transform: capitalize;
background: white;
border-radius: 50px;
color: #ef6b00;
padding: 5px 20px;
position: absolute;
right: 20px;
top: 20px;
}
.sub-liste .subscription-item strong {
font-size: 18px;
font-family: 'Bebas Neue', sans-serif;
color: #ef6c00;
}
.subscription-actions {
text-align: right;
}
.subscription-actions button {
border: 1px solid #ef6c00;
padding: 5px 30px;
border-radius: 50px;
color: #ef6c00;
font-size: 22px;
font-family: 'Bebas Neue', sans-serif;
background-color: transparent;
}
.pms-account-subscription-details-table__start-date td:last-child,
.pms-account-subscription-details-table__expiration-date td:last-child,
.pms-account-subscription-details-table__next-payment td:last-child {
position: relative;
margin-top: 30px;
width: 100%;
}
.pms-account-subscription-details-table tr td:last-child::before {
content: '';
position: absolute;
top: -24px;
font-family: 'Bebas Neue', sans-serif;
text-transform: uppercase;
color: #ef6b00;
font-size: 18px;
}
.pms-account-subscription-details-table__start-date td:last-child::before {
content: 'Date de début' !important;
}
.pms-account-subscription-details-table__expiration-date td:last-child::before {
content: 'Date d’expiration' !important;
}
.pms-account-subscription-details-table__next-payment td:last-child::before {
content: 'Prochain paiement' !important;
}
.acf-switch.-on {
background: #ef6c00;
border-color: #ef6c00;
}
.acf-switch.-on .acf-switch-slider {
border-color: #ef6c00;
}
.switch-disponible {
display: inline-flex;
align-items: center;
gap: 10px;
cursor: pointer;
}
.switch-disponible input {
display: none;
}
.switch-disponible .slider {
width: 44px;
height: 24px;
background: #ccc;
border-radius: 999px;
position: relative;
transition: background .2s;
}
.switch-disponible .slider::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
background: white;
border-radius: 50%;
top: 2px;
left: 2px;
transition: transform .2s;
}
.switch-disponible input:checked+.slider {
background: #ef6c00;
}
.switch-disponible input:checked+.slider::before {
transform: translateX(20px);
}
.header-moncompte {
display: flex;
flex-wrap: wrap;
margin: auto;
max-width: 1080px;
justify-content: space-between;
padding-top: 50px;
padding-bottom: 10px;
}
.popup-produit .rupture-stock {
position: relative;
margin-bottom: 20px;
}
.rupture-stock {
position: absolute;
top: 10px;
padding: 0 10px;
background: #ef6c00;
color: white;
text-transform: uppercase;
font-size: 14px;
}
.subscription-info {
border: 1px solid #ef6b00;
border-radius: 4px;
padding: 8px 30px !important;
}
.texte-jetons-wrapper ul,
.texte-boutique-wrapper ul {
list-style: inherit !important
}
.inscription-part1 .return-container {
margin: 50px auto;
text-align: center;
}
.inscription-part1 .return-container h1 {
margin-bottom: 30px;
}
.button-return {
display: initial;
background: #ef6b00;
padding: 10px 20px;
border-radius: 50px;
margin-top: 20px;
}
.button-return a {
color: white;
}
.counter-clic {
font-size: 16px;
padding: 12px 16px;
overflow: visible;
background: #fef3eb;
border-radius: 8px;
display: inline-flex;
align-items: center;
gap: 8px;
}
.counter-info {
display: inline-flex;
justify-content: center;
flex-shrink: 0;
align-items: center;
width: 18px;
height: 18px;
font-size: 12px;
font-weight: bold;
border-radius: 50%;
background: #ef6c00;
color: #fff;
cursor: pointer;
position: relative;
}
.counter-tooltip {
position: absolute;
z-index: 9999;
background: #fff;
color: #000;
padding: 8px 10px;
border-radius: 5px;
font-size: 12px;
width: 200px;
text-align: left;
opacity: 0;
pointer-events: none;
transform: translate(-55%, 25%);
z-index: 999;
font-weight: normal;
line-height: 150%;
font-size: 13px;
transition: opacity .2s;
}
.counter-info:hover .counter-tooltip {
opacity: 1;
} @media (max-width: 600px) {
.section-avis form {
padding: 20px;
}
.star-rating {
font-size: 20px;
}
.btn-orange {
width: 100%;
text-align: center;
}
}:root { --rouge-dark: red; --orange-dark: #ef6c00;
--orange-light: #FEF3EB; --yellow-miel: #FFB346;
} .bee-gallery {
position: relative;
max-width: 800px;
margin: 0 auto;
padding-top: 40px;
}
.bee-deco {
position: absolute;
top: 0;
}
.bee-grid {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 15px;
align-items: center;
width: 400px;
}
.bee-grid img {
width: 100%;
height: auto;
border-radius: 12px;
object-fit: cover;
}
.bee-grid .right {
display: flex;
flex-direction: column;
gap: 15px;
}
@media (max-width: 768px) {
.bee-grid {
grid-template-columns: 1fr;
}
.bee-grid .right {
flex-direction: row;
}
.bee-grid img {
border-radius: 8px;
}
} .autocomplete-box {
border: 1px solid #ccc;
max-height: 200px;
overflow-y: auto;
background: white;
position: absolute;
z-index: 1000;
width: 300px;
}
.suggestion-item {
padding: 8px;
cursor: pointer;
}
.suggestion-item:hover {
background: #f0f0f0;
}
.map-section {
display: flex;
}
.filter-barre .search-bar {
flex: 1;
}
.map-block {
flex: 2;
}
.search-block {
flex: 0.8;
max-width: 385px;
background-color: var(--orange-light);
}
.loading {
display: flex;
align-items: center;
gap: 8px;
padding: 10px;
font-size: 14px;
color: #666;
}
.spinner {
width: 14px;
height: 14px;
border: 2px solid #ddd;
border-top: 2px solid #2c7be5;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.apiculteur-item {
background: white;
margin: 10px 20px 0px 20px;
padding: 15px 20px;
border-radius: 10px;
}
.apiculteur-item p {
padding-bottom: 1px;
}
#apiculteurs-list {
max-height: 80vh;
overflow-y: auto;
padding: 10px;
border-radius: 8px;
}
.filter-barre {
background: #F8C092;
padding: 20px 20px;
display: flex;
align-items: center;
gap: 20px;
} .dropdown {
position: relative;
display: inline-block;
} .dropbtn {
background-color: #f39c12;
color: white;
padding: 10px 20px;
font-size: 16px;
border: none;
cursor: pointer;
border-radius: 4px;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 200px;
border: 1px solid #ccc;
z-index: 1000;
padding: 10px;
border-radius: 4px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.dropdown-content.show {
display: block;
}
.form-item {
margin-bottom: 8px;
}
.form-item label {
cursor: pointer;
}
.form-item input[type="checkbox"] {
margin-right: 8px;
} .tem-1 {
background-color: var(--orange-light);
}
#section-profil {
background-color: white;
padding: 2%;
}
#section-profil .my-subscriptions {
margin-top: 30px
}
#section-profil .my-subscriptions .pms-account-subscription-details-table__actions {
margin-top: 10px;
}
.container-commande {
overflow-x: auto;
}
table.mes-commandes-woocommerce,
table#pms-payment-history {
border: 1px solid #CFD4DE !important;
border-radius: 10px !important;
margin-bottom: 30px;
width: 100%;
overflow: hidden
}
.abonnements table#pms-payment-history thead tr,
table.mes-commandes-woocommerce thead tr {
background-color: #fef3eb;
}
.abonnements table#pms-payment-history thead tr th,
table.mes-commandes-woocommerce thead tr th {
font-family: 'Bebas Neue', sans-serif;
text-transform: uppercase;
color: #ef6b00;
font-size: 18px;
padding: 20px 0;
font-weight: normal;
text-align: left
}
.abonnements table#pms-payment-history tr td,
table.mes-commandes-woocommerce tr td {
padding: 20px 0;
}
.abonnements table#pms-payment-history tr th:first-of-type,
table.mes-commandes-woocommerce tr th:first-of-type,
.abonnements table#pms-payment-history tr td:first-of-type,
table.mes-commandes-woocommerce tr td:first-of-type {
padding-left: 20px
}
a.wpo_wcpdf_document_link,
.pms-payment-invoice a {
padding: 5px;
color: #ef6b00 !important;
border-radius: 10px;
text-decoration: underline !important;
}
.pms-payment-status {
display: none !important
}
.profil-wrapper {
padding: 20px 20px 50px;
}
.profil-wrapper .flex-row {
background-color: white;
border-radius: 8px;
padding: 40px 20px;
max-width: 1000px;
margin: auto;
}
.profil-menu {
background-color: #ef6b00;
margin-bottom: 0;
max-width: 1080px;
margin: auto;
padding: 10px;
border-radius: 8px 8px 0 0;
}
.profil-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.profil-menu li {
padding: 5px;
cursor: pointer;
border-radius: 6px;
transition: background 0.2s;
}
.profil-menu li:hover {
background: #ff7c11;
}
.profil-menu li.active {
color: var(--orange-dark);
}
.profil-menu li a {
font-size: 15px;
color: white;
}
.profil-menu li.active {
background-color: white
}
.profil-menu li.active a {
color: #ef6b00
}
.profil-content {
max-width: 850px;
margin: auto;
flex: 1;
background: #fff;
border-radius: 8px;
position: relative;
}
.profil-content h3 {
color: var(--orange-dark);
font-family: 'Poppins';
text-transform: uppercase;
padding-bottom: 20px;
width: 100%;
margin-bottom: 5px;
font-size: 1.2em;
}  .profil-menu .menu-list {
display: flex;
gap: 5px;
list-style: none;
padding: 0;
margin: 0;
}
.profil-menu li a {
white-space: nowrap;
}
.mobile-dropdown {
display: none;
} @media (max-width: 1000px) {
.profil-menu .menu-list {
display: none; }
.mobile-dropdown {
display: block;
position: relative;
}
.mobile-toggle {
background: #ef6b00;
border: 0;
padding: 10px;
font-size: 16px;
cursor: pointer;
width: 100%;
text-align: left;
color: white;
}
.mobile-menu-list {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
border: 1px solid #fff;
background: white;
list-style: none;
padding: 0;
margin: 0;
z-index: 100;
}
.mobile-menu-list li {
padding: 10px;
border-bottom: 1px solid #eee;
}
.mobile-menu-list li a {
color: #1d2327;
}
.mobile-menu-list li:last-child {
border-bottom: none;
}
} .tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.sec-avatar {
justify-content: flex-start !important;
gap: 15px;
}
.avatar-buttons {
gap: 15px;
}
.form-profil input {
width: 100%;
}
.form-profil label,
.acf-label label {
display: flex;
flex-direction: column;
}
#save-my-account {
border-radius: 24px;
font-size: 16px;
background-color: var(--orange-dark);
padding: 8px 30px;
border: none;
color: white;
margin-top: 20px;
cursor: pointer;
}
.form-check {
flex-direction: row !important;
}
.profil-content .um {
margin-left: 0px !important;
}
.form-profil-api {
margin-top: 20px;
}
.acf-input-wrap input {
border: none;
} .form-profil {
display: flex;
gap: 20px;
align-items: flex-start;
flex-wrap: wrap;
padding: 30px;
background: #fef3eb;
border-radius: 14px;
align-items: center;
} .form-profil .infos {
min-width: 320px;
max-width: 420px;
width: 100%;
margin-right: 3em;
} .form-profil input {
width: 100%;
padding: 14px 14px;
border-radius: 8px;
border: 1px solid #e5e5e5;
font-size: 14px;
background: white;
transition: all 0.15s ease;
} .form-profil input:focus {
outline: none;
background: #fff;
border-color: #d6d6d6;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04);
} .avatar-box {
text-align: center;
min-width: 160px;
}
#user-avatar {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
border: 1px solid #eaeaea;
background: #f6f6f6;
}
#change-avatar {
margin-top: 0px;
} .btn-orange {
background: #111;
color: #fff;
border: none;
padding: 10px 14px;
border-radius: 8px;
font-size: 13px;
cursor: pointer;
transition: 0.15s;
}
.btn-orange-neg {
background: #fff !important;
color: #ef6c00 !important;
border: 1px solid #ef6c00 !important;
padding: 8px 30px;
border-radius: 24px;
font-size: 16px;
cursor: pointer;
transition: 0.15s;
margin-top: 20px;
}
.btn-orange:hover {
background: #000;
}
.btn-white {
background: #fff;
border: 1px solid #e5e5e5;
padding: 10px 14px;
border-radius: 8px;
font-size: 13px;
cursor: pointer;
}
.btn-white:hover {
background: #f7f7f7;
} .flex-column {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 12px;
} @media(max-width:768px) {
.form-profil {
flex-direction: column;
gap: 30px;
padding: 20px;
}
.avatar-box {
order: -1;
align-self: flex-start;
}
}
.form-profil-api {
max-width: 850px;
margin: auto;
padding: 30px;
background: #fef3eb;
border-radius: 14px;
}
.form-profil-api h3 {
font-size: 20px;
font-weight: 600;
} .form-profil-api .acf-field {
margin-bottom: 18px;
}
.acf-switch .acf-switch-on {
text-shadow: none;
} .form-profil-api .acf-label label,
.infos label {
font-size: 13px;
margin-bottom: 6px;
font-weight: 500;
}
.acf-table thead {
display: none;
}
.acf-table input[type="text"] {
border: none !important;
}
.acf-field-textarea {
margin-bottom: 0px !important;
} .form-profil-api input[type="text"],
.form-profil-api input[type="url"],
.form-profil-api textarea,
.form-profil-api select {
width: 100%;
padding: 14px;
border-radius: 8px;
border: 1px solid #e5e5e5;
background: white;
font-size: 14px;
transition: 0.15s;
} .form-profil-api input:focus,
.form-profil-api textarea:focus,
.form-profil-api select:focus {
outline: none;
background: #fff;
border-color: #d6d6d6;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04);
} .form-profil-api textarea {
min-height: 120px;
resize: vertical;
} .form-profil-api .acf-gallery {
border: 1px solid #e5e5e5;
border-radius: 10px;
background: white;
padding: 10px;
}
.acf-gallery-toolbar .acf-hl {
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
gap: 30px;
}
.acf-gallery-toolbar a,
.acf-actions a {
font-weight: 400;
}
.acf-fields>.acf-field {
padding-left: 0px;
} .form-profil-api .acf-row-flex {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
align-items: start;
margin-bottom: 18px; } .form-profil-api .acf-row-flex .acf-field {
margin-bottom: 0; }
.form-profil-api .acf-field[data-name="site_web"],
.form-profil-api .acf-field[data-name="facebook_url"],
.form-profil-api .acf-field[data-name="instagram_url"],
.form-profil-api .acf-field[data-name="linkedin_url"] {
display: inline-block;
}
.form-profil-api .acf-field[data-name="secteur"] {
margin-bottom: 0px;
padding: 0px;
padding-top: 15px;
} .form-profil-api .acf-fields-reseaux {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-bottom: 20px;
} .acf-fields-inline {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-bottom: 18px;
} .acf-fields-inline .acf-field {
margin-bottom: 0;
} .my-subscriptions .pms-account-navigation,
.my-subscriptions .pms-user-login-field,
.my-subscriptions .pms-user-email-field,
.my-subscriptions .pms-first-name-field,
.my-subscriptions .pms-last-name-field {
display: none !important
}
.acf-input .acf-repeater .acf-row-handle.order {
background: var(--orange-dark);
text-shadow: none;
color: white;
}
.mes-services h2 {
text-align: center;
color: #ef6c00;
padding-bottom: 30px;
}
.products h2 {
text-align: center;
padding-bottom: 10px;
color: #ef6b00;
}
.mes-services ul {
-webkit-columns: 2;
-moz-columns: 2;
list-style-position: inside;
}
.mes-services ul li {
line-height: 2.2em;
}
.interventions-list {
display: flex;
gap: 15px;
flex-direction: column;
}
.inter-item {
background-color: #fef3eb;
border-radius: 12px;
padding: 16px 20px;
border: 1px solid #e0e0e0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
transition: transform 0.2s, box-shadow 0.2s;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 800px;
}
.inter-item:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
}
#avis-section {
background: white;
display: flex;
width: fit-content;
padding: 7px 5px;
border-radius: 10px;
margin-bottom: 15px;
gap: 10px;
}
.produits-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.produits-list .produit-item {
background-color: #fef3eb;
cursor: pointer;
border-radius: 15px;
overflow: hidden;
position: relative;
}
.produits-list .produit-item img {
width: 250px;
max-height: 200px;
object-fit: cover
}
.produits-list .produit-item>div {
padding: 10px
}
.produits-list .produit-item .btn-plus-info {
float: right;
font-size: 20px;
margin: 10px;
margin-bottom: 20px;
padding: 7px 20px;
border-radius: 50px;
line-height: 15px;
font-family: 'Bebas Neue', sans-serif;
background-color: #ef6c00;
color: white;
cursor: pointer;
border: 0;
}
.popup-produit {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
justify-content: center;
align-items: center;
z-index: 99999;
}
.popup-produit>div {
background: #fff;
padding: 0;
max-width: 750px;
max-height: 90vh;
width: 90%;
position: relative;
border-radius: 8px;
overflow-y: auto;
}
.popup-produit h2 {
text-align: left
}
.close-popup {
position: absolute;
top: 10px;
right: 10px;
;
border: 0;
background: transparent;
font-size: 20px;
color: #b2b2b2;
}
.popup-first-part {
padding: 40px;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.popup-first-part .categorie-prod span {
display: inline;
color: #ef6c00;
text-transform: uppercase;
}
.popup-first-part img {
width: 200px;
max-height: 200px;
object-fit: cover;
border-radius: 5px;
margin-bottom: 15px;
}
@media screen and (max-width: 980px) {
.popup-first-part img {
width: 100% !important;
max-height: 150px !important;
}
.produits-list {
justify-content: space-around;
}
}
.popup-first-part .tel,
.popup-first-part .mail {
background-color: #ef6c00;
padding: 5px 20px;
border-radius: 50px;
margin-bottom: 10px
}
.popup-first-part .tel a,
.popup-first-part .mail a {
color: #fff;
}
.popup-second-part {
background-color: #FEF3EB;
padding: 20px;
padding-bottom: 40px;
}
.profile-public .mes-services div {
max-width: 750px;
margin: auto;
}
.profile-public .mes-services div ul li {
background: #fff;
padding: 10px 20px;
margin-bottom: 10px;
border-radius: 10px
}
.about-me {
margin: auto;
max-width: 750px;
background-image: url(https://mlubfritfo1x.i.optimole.com/w:auto/h:auto/q:mauto/f:best/ig:avif/https://bees-safe.com/wp-content/uploads/2026/01/a-propos-de-moi.svg);
background-repeat: no-repeat;
padding: 30px !important;
background-position: top right;
background: #fef3eb;
margin-bottom: 40px;
}
.about-me div:first-child {
margin: auto;
max-width: 650px;
flex: 1;
min-height: 50px;
position: relative;
align-items: center;
}
.about-me h2 {
margin: auto;
text-align: center;
color: #ef6b00;
}
@media screen and (max-width: 980px) {
.profile-public .flex-row {
flex-direction: column;
}
.profile-public .userdata div:first-child {
order: 2;
max-width: 400px;
width: 100%;
}
.profile-public .userdata div:last-child {
order: 1;
}
.about-me div:first-child {
min-height: initial;
background-image: transparent !important;
}
.about-me {
margin: 50px auto;
}
}
.vente-options {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.vente-options div {
border-radius: 50px;
padding: 5px 10px;
margin: 10px;
}
.vente-options .vente-active {
position: relative;
padding-left: 30px;
background-color: #ef6c00;
color: #fff;
}
.vente-options .vente-active:before {
content: '✓';
position: absolute;
left: 10px;
color: #fff;
}
.vente-options .vente-inactive {
background-color: #fff
}
.popup-last-part {
padding: 30px;
padding-bottom: 40px;
}
.popup-last-part .address-list div {
border-radius: 5px;
padding: 7px;
font-weight: 500;
font-size: 14px;
}
.address-item {
background-color: #fef3eb;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px
}
#carousel .slides img {
width: 100%;
height: 300px;
object-fit: cover;
border-radius: 8px;
}
.flexslider:hover .flex-direction-nav .flex-next {
padding: 10px;
} .inter-item strong {
font-size: 1.2rem;
margin-bottom: 8px;
color: #2c3e50;
} .inter-item p {
margin: 4px 0;
font-size: 0.95rem;
color: #555;
line-height: 1.4;
} .inter-item em {
display: inline-block;
margin-top: 8px;
font-style: normal;
color: #888;
font-size: 0.9rem;
} .inter-item .actions {
margin-top: 12px;
display: flex;
gap: 8px;
}
.inter-item .actions button {
flex: 1;
padding: 8px 10px;
border: none;
border-radius: 6px;
font-size: 0.95rem;
cursor: pointer;
transition: background 0.2s;
color: #fff;
} .inter-item .actions .validate-btn {
background-color: #27ae60;
}
.inter-item .actions .validate-btn:hover {
background-color: #219150;
}
.inter-item .actions .delete-btn {
background-color: #e74c3c;
}
.inter-item .actions .delete-btn:hover {
background-color: #c0392b;
} .inter-item .icon {
margin-right: 6px;
font-size: 1rem;
}
.avis-box {
background: white;
padding: 10px 5px;
border-radius: 5px;
margin-top: 10px;
}
.avis-box p {
line-height: 5px;
font-size: 1em;
}
.avis-box .stars,
#avis-stars .star {
color: var(--orange-dark);
font-size: 1.4em;
}  .my-subscriptions label {
display: block;
font-size: 13px;
font-weight: 500;
margin-bottom: 6px;
} .my-subscriptions input[type="password"] {
width: 100%;
padding: 12px 14px;
border-radius: 8px;
border: 1px solid #e5e5e5;
background: white;
font-size: 14px;
transition: all 0.15s ease;
}
.my-subscriptions input[type="password"]:focus {
outline: none;
border-color: #d6d6d6;
background: #fff;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04);
} .api-wrapper {
padding: 2% 8%;
}
.api-wrapper .api-1 div:nth-child(2) img {
border: 15px solid white;
rotate: 2deg;
max-width: 470px;
}
.acf-gallery {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.acf-gallery img {
width: 150px;
height: auto;
border-radius: 8px;
object-fit: cover;
}
.page-template-profil-api .flex-direction-nav a {
padding-top: 10px;
}
.api-wrapper:nth-child(3) li::before {
content: "✔";
color: var(--orange-dark);
font-weight: bold;
margin-right: 8px;
}
.api-wrapper .section-coord>div {
display: flex;
align-items: center;
flex-direction: row;
gap: 10px;
}
#mes-services .acf-table thead {
display: none;
}
#mes-services .acf-label {
display: none;
}
#liste-adresses {
list-style: none;
padding: 0;
margin-top: 10px;
}
#liste-adresses li {
display: flex;
justify-content: space-between;
align-items: center;
background: var(--orange-light);
padding: 6px 10px;
border-radius: 6px;
margin-bottom: 4px;
}
.remove-btn {
background: transparent;
border: none;
color: var(--rouge-dark);
font-size: 18px;
cursor: pointer;
}
.suggestion {
background: white;
border: 1px solid #ddd;
padding: 5px;
cursor: pointer;
}
.suggestion:hover {
background: #eee;
}
.statut-role {
background-color: var(--orange-dark);
color: white;
padding: 6px 20px !important;
border-radius: 50px;
}
.gestion-adresses label {
color: var(--orange-dark);
font-weight: 400;
}
.profil-content #mes-adresses h3 {
color: #333;
padding-top: 40px;
padding-bottom: 18px;
}
.bg-free {
background-color: var(--yellow-miel);
}
.bg-premium {
background-color: var(--orange-dark);
}
.popup-max-add {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: var(--orange-dark) 2px solid;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
z-index: 9999;
background: white;
text-align: center;
}
.popup-max-add button {
margin-top: 10px;
padding: 5px 15px;
background-color: var(--yellow);
border: none;
border-radius: 5px;
cursor: pointer;
}
.popup-max-add .statut-role {
width: fit-content;
margin: auto;
margin-bottom: 10px;
}
.popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9998;
} .page-template-map-search-api #autocomplete-results {
top: 180px;
}
.btn-prim {
color: #FFFFFF !important;
border-radius: 24px;
font-size: 16px;
background-color: var(--orange-dark);
cursor: pointer;
border: none;
padding: 5px 20px;
margin-top: 10px;
}
.btn-sec {
color: var(--orange-dark) !important;
border-radius: 24px;
font-size: 16px;
background-color: white;
cursor: pointer;
border: var(--orange-dark) 1px solid !important;
padding: 5px 20px;
margin-top: 10px;
text-align: center; }
.modal-contact {
display: none;
position: fixed;
z-index: 9999;
inset: 0;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(4px);
justify-content: center;
align-items: center;
}
.modal-contact.active {
display: flex;
}
.modal-content {
background: #fff;
padding: 20px;
max-width: 450px;
width: 90%;
border-radius: 10px;
text-align: center;
animation: fadeIn .25s ease;
}
.modal-content a {
border: solid 2px #e46d0b;
padding: 10px 10px;
}
.modal-close {
float: right;
cursor: pointer;
font-size: 1.5rem;
}
.modal-content h2 {
padding-bottom: 30px;
}
#modalBody {
padding: 40px 0px;
}
#avisPrenom,
#avisNom,
#avisEmail {
width: 100%;
max-width: 400px;
padding: 12px 16px;
margin-bottom: 12px;
font-size: 16px;
border: 2px solid #e5e7eb;
border-radius: 12px;
background: #f9fafb;
color: #111;
transition: all 0.25s ease;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#avisPrenom:focus,
#avisNom:focus,
#avisEmail:focus {
border-color: var(--orange-dark);
background: #fff;
box-shadow: 0 0 8px rgba(124, 58, 237, 0.3);
outline: none;
}
#avisPrenom::placeholder,
#avisNom::placeholder,
#avisEmail::placeholder {
color: #9ca3af;
}
.avis-optin {
margin-top: 2em;
}
.avisSubmit {
margin-bottom: 15px;
}
@keyframes fadeIn {
from {
transform: scale(.95);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
.apiculteur-actions {
display: flex;
gap: 10px;
justify-content: flex-start;
}
@media (max-width: 1290px) {
.apiculteur-actions {
justify-content: flex-start;
flex-direction: column;
}
}
@media (max-width: 780px) {
.map-section {
display: flex;
flex-direction: column;
}
} .inter-stat {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 22px;
}
.inter-stat>div:first-child {
background: white;
padding: 10px 40px;
}
.statut-select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;
padding: 10px 40px 10px 15px;
font-size: 1em;
border-radius: 12px;
border: 1px solid #ddd;
outline: none;
cursor: pointer;
font-weight: 500;
transition: 0.2s ease;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%23666' stroke-width='3' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 18px;
}
.statut-select:hover {
border-color: #aaa;
}
.statut-select:focus {
border-color: #4c9aff;
box-shadow: 0 0 0 4px rgba(76, 154, 255, 0.2);
}
.inter-stat label {
padding-right: 5px;
} .page-id-371 #et-main-area {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.section-avis {
display: flex;
flex: 1;
justify-content: center;
flex-direction: column;
align-items: center;
padding: 4% 0px;
}
.star-rating {
font-size: 30px;
color: #ccc;
cursor: pointer;
}
.star-rating .filled {
color: #ef6c00;
}
.star-rating span {
color: #ccc;
transition: color 0.2s;
} .section-avis form {
width: 400px;
margin: 0 auto;
background: #fff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
font-family: 'Arial', sans-serif;
} .section-avis label {
font-weight: bold;
display: block;
margin-bottom: 8px;
color: #333;
} .section-avis textarea {
width: 100%;
padding: 10px 12px;
border-radius: 8px;
border: 1px solid #ccc;
font-size: 14px;
resize: vertical;
transition: border 0.2s;
}
.section-avis textarea:focus {
border-color: #ff9800;
outline: none;
} .section-avis .btn-orange {
display: inline-block;
border: none;
padding: 12px 25px;
cursor: pointer;
transition: background 0.3s, transform 0.2s;
}
.section-avis .btn-orange:hover {
background-color: #e68900;
transform: translateY(-2px);
} .avis-message {
text-align: center;
margin-bottom: 20px;
padding: 12px 15px;
border-radius: 8px;
font-weight: bold;
}
.avis-message.success {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.avis-message.error {
background-color: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
} .form-create-annonce {
background-color: #fef3eb;
border-radius: 12px;
padding: 16px 20px;
margin-bottom: 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 800px;
}
.form-create-annonce input,
.form-create-annonce select {
padding: 5px 10px;
border-radius: 8px
}
.form-create-annonce label.nom-product,
.form-create-annonce label.lieu,
.form-create-annonce label.photo,
.caracteristiques label,
.contact legend,
.moyens-vente legend,
.addresses-dispo legend {
margin-top: 10px;
text-transform: uppercase;
font-size: 14px;
color: #333;
}
.contact label,
.addresses-dispo label,
.moyens-vente label {
border-radius: 8px;
background-color: white;
display: block;
margin-bottom: 5px;
padding: 10px 20px
}
.annonce-badge {
font-size: 20px;
margin-bottom: 20px;
color: #ef6c00;
text-transform: uppercase;
}
.annonce-inactive .annonce-content {
opacity: 0.45;
filter: grayscale(100%);
pointer-events: auto;
}
input[name="nom_annonce"],
input[name="lieu_production"],
input[name="prix"],
input[name="edit_nom_annonce"],
input[name="edit_lieu_production"],
input[name="edit_prix"] {
border: 1px solid #bbb;
width: 100%;
padding: 10px;
}
input[name="poids"] {
border: 1px solid #bbb;
padding: 5px 10px;
}
fieldset.contact,
fieldset.caracteristiques {
margin: 10px 0;
}
.header-annonces-bouton {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px
}
.annonces-list li {
border-radius: 12px;
padding: 16px 20px;
margin-bottom: 50px;
border: 1px solid #ef6c00;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.annonces-list li .reactivate-form {
position: absolute;
right: 20px;
top: 0;
}
.annonces-list li img {
height: 100px;
width: 100px;
object-fit: cover;
}
#mes-annonces .success {
border: 1px solid #4f9f44;
color: #4f9f44;
padding: 10px 20px;
border-radius: 5px;
margin-bottom: 20px
}
.annonce-actions {
display: flex;
flex-wrap: wrap;
gap: 10px
}
.annonce-actions button {
color: white;
background: #ef6b00;
border: 0;
margin-top: 20px;
padding: 8px 30px;
border-radius: 50px;
cursor: pointer
}
.list-button-action {
margin-top: 10px;
display: flex;
gap: 10px;
justify-content: flex-end;
flex-wrap: wrap;
}
.select-vente {
padding: 10px;
background: #fef3eb;
border-radius: 50px;
}
.form-create-annonce .select-vente {
background: #fff;
}
.mes-annonces-wrapper .message .notice {
border-radius: 5px;
border: 2px solid #ef6b00;
padding: 10px 20px;
color: #ef6b00;
margin-bottom: 20px;
}
.bloc-boutique {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 20px;
margin-top: 30px
}
.bloc-boutique div {
border-radius: 10px;
padding: 20px;
border: 1px solid #ef6c00;
max-width: 415px;
}
@media screen and (max-width: 750px) {
.header-moncompte {
padding-bottom: 30px !important
}
.subscription-info,
#toggle-create-form,
.list-button-action>button {
width: 100% !important
}
.list-button-action,
.header-annonces-bouton {
flex-wrap: wrap;
}
.annonces-list li .reactivate-form {
position: relative;
right: initial;
margin-bottom: 20px;
}
.annonces-list li .reactivate-form>button {
margin-top: 0 !important;
}
.annonce-content>div {
flex-wrap: wrap;
}
.annonce-content>div>div {
order: 2;
}
.expiration-block {
order: 1 !important;
}
.annonce-expiration {
margin-top: 0 !important;
}
}
.page-template-template-abonnement .abonnements .pms-form-design-wrapper {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.profil-content.abonnements {
background-color: white;
border-radius: 8px;
padding: 40px 20px;
max-width: 1080px;
margin: auto;
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table__plan td {
font-size: 22px;
font-family: 'Bebas Neue', sans-serif;
margin-top: 20px
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table {
background: #fef3eb;
padding: 20px;
border-radius: 6px;
margin-bottom: 4px;
flex: 1;
min-width: 250px;
margin-bottom: 0 !important;
}
.pms-form-design-wrapper table.pms-account-subscription-details-table:last-of-type {
margin-bottom: 0 !important;
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table td,
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table tr {
background: transparent !important;
border: 0 !important;
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table tr {
margin: 5px 20px !important;
padding: 0 !important;
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table .pms-account-subscription-details-table__status td {
background: white !important;
border: 0 !important;
color: #ef6c00 !important;
margin-bottom: 10px
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table__payment-method {
background-color: white !important;
padding: 10px;
border-radius: 6px !important;
}
.page-template-template-abonnement .abonnements .pms-account-subscription-details-table td:first-child {
display: none
} .page-template-template-abonnement .securite .sub-liste,
.page-template-template-abonnement .paiements .sub-liste {
display: none;
}
@media screen and (max-width: 750px) {
.profil-content.abonnements {
padding: 40px 10px;
}
.bloc-boutique div {
padding: 20px 10px;
}
}
.pms_success-messages-wrapper {
width: 100%;
}
.sub-liste .subscription-item {
position: relative;
background: #fef3eb;
border-radius: 5px;
padding: 20px;
}
.sub-liste .subscription-item h4 {
font-size: 26px
}
.statut-sub {
text-transform: capitalize;
background: white;
border-radius: 50px;
color: #ef6b00;
padding: 5px 20px;
position: absolute;
right: 20px;
top: 20px;
}
.sub-liste .subscription-item strong {
font-size: 18px;
font-family: 'Bebas Neue', sans-serif;
color: #ef6c00;
}
.subscription-actions {
text-align: right;
}
.subscription-actions button {
border: 1px solid #ef6c00;
padding: 5px 30px;
border-radius: 50px;
color: #ef6c00;
font-size: 22px;
font-family: 'Bebas Neue', sans-serif;
background-color: transparent;
}
.pms-account-subscription-details-table__start-date td:last-child,
.pms-account-subscription-details-table__expiration-date td:last-child,
.pms-account-subscription-details-table__next-payment td:last-child {
position: relative;
margin-top: 30px;
width: 100%;
}
.pms-account-subscription-details-table tr td:last-child::before {
content: '';
position: absolute;
top: -24px;
font-family: 'Bebas Neue', sans-serif;
text-transform: uppercase;
color: #ef6b00;
font-size: 18px;
}
.pms-account-subscription-details-table__start-date td:last-child::before {
content: 'Date de début' !important;
}
.pms-account-subscription-details-table__expiration-date td:last-child::before {
content: 'Date d’expiration' !important;
}
.pms-account-subscription-details-table__next-payment td:last-child::before {
content: 'Prochain paiement' !important;
}
.acf-switch.-on {
background: #ef6c00;
border-color: #ef6c00;
}
.acf-switch.-on .acf-switch-slider {
border-color: #ef6c00;
}
.switch-disponible {
display: inline-flex;
align-items: center;
gap: 10px;
cursor: pointer;
}
.switch-disponible input {
display: none;
}
.switch-disponible .slider {
width: 44px;
height: 24px;
background: #ccc;
border-radius: 999px;
position: relative;
transition: background .2s;
}
.switch-disponible .slider::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
background: white;
border-radius: 50%;
top: 2px;
left: 2px;
transition: transform .2s;
}
.switch-disponible input:checked+.slider {
background: #ef6c00;
}
.switch-disponible input:checked+.slider::before {
transform: translateX(20px);
}
.header-moncompte {
display: flex;
flex-wrap: wrap;
margin: auto;
max-width: 1080px;
justify-content: space-between;
padding-top: 50px;
padding-bottom: 10px;
}
.popup-produit .rupture-stock {
position: relative;
margin-bottom: 20px;
}
.rupture-stock {
position: absolute;
top: 10px;
padding: 0 10px;
background: #ef6c00;
color: white;
text-transform: uppercase;
font-size: 14px;
}
.subscription-info {
border: 1px solid #ef6b00;
border-radius: 4px;
padding: 8px 30px !important;
}
.texte-jetons-wrapper ul,
.texte-boutique-wrapper ul {
list-style: inherit !important
}
.inscription-part1 .return-container {
margin: 50px auto;
text-align: center;
}
.inscription-part1 .return-container h1 {
margin-bottom: 30px;
}
.button-return {
display: initial;
background: #ef6b00;
padding: 10px 20px;
border-radius: 50px;
margin-top: 20px;
}
.button-return a {
color: white;
}
.counter-clic {
font-size: 16px;
padding: 12px 16px;
overflow: visible;
background: #fef3eb;
border-radius: 8px;
display: inline-flex;
align-items: center;
gap: 8px;
}
.counter-info {
display: inline-flex;
justify-content: center;
flex-shrink: 0;
align-items: center;
width: 18px;
height: 18px;
font-size: 12px;
font-weight: bold;
border-radius: 50%;
background: #ef6c00;
color: #fff;
cursor: pointer;
position: relative;
}
.counter-tooltip {
position: absolute;
z-index: 9999;
background: #fff;
color: #000;
padding: 8px 10px;
border-radius: 5px;
font-size: 12px;
width: 200px;
text-align: left;
opacity: 0;
pointer-events: none;
transform: translate(-55%, 25%);
z-index: 999;
font-weight: normal;
line-height: 150%;
font-size: 13px;
transition: opacity .2s;
}
.counter-info:hover .counter-tooltip {
opacity: 1;
} @media (max-width: 600px) {
.section-avis form {
padding: 20px;
}
.star-rating {
font-size: 20px;
}
.btn-orange {
width: 100%;
text-align: center;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}