/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Base Layout.
 */

.container {
  width: 100%;
  max-width: var(--max-width);
  padding-inline: var(--container-padding);

  /* This fixes an issue where if the toolbar is open in vertical mode, and
   * the mobile navigation is open, the "close" button gets pushed outside of
   * the viewport. */
}

body.is-fixed .container {
  width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
}

.page-wrapper {
  max-width: var(--max-bg-color);
  background: var(--color--white);
}

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.layout-main-wrapper {
  position: relative;
  z-index: 2; /* Ensure dropdown is not cut off by footer. */
}

/* Contains the social sidebar, and the primary content area. */

@media (min-width: 75rem) {
  .layout-main {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
}

@media (min-width: 75rem) {
  .main-content {
    width: calc(100% - var(--content-left));
    margin-inline-end: auto;
  }
}

.main-content__container {
  padding-block-start: var(--sp3);
}

@media (min-width: 43.75rem) {
  .main-content__container {
    padding-block-start: var(--sp5);
  }
}

/*
 * Contextual link wrappers load without the ".contextual" CSS class, which
 * causes layout shifts. We fix this by setting this to position: absolute;
 */

[data-contextual-id]:not(.contextual) {
  position: absolute;
}

/* customisation - 16052025 */

/* page global */
.page-wrapper {
    max-width: 100%;
}
.site-branding {
    background: #000;
	background-image: none !important;
	min-height: auto !important;
}
.site-branding__name h2 {
    color: #fff;
    padding: 0;
    margin: 0;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1;
}
.site-header__initial {
    background-color: #D608B2 !important;
}
.sticky-header-toggle {
    background-color: #D608B2 !important;
}
.site-header__inner__container {
    background: #000;
	justify-content: center !important;
}
body:not(.is-always-mobile-nav) .header-nav {
    background: #000;
    color: #fff;
}
nav#block-olivero-panier span.cart-block--summary__count {
    position: absolute;
    top: 5px;
    right: -15px;
    font-size: 1.2rem;
    /* left: 15px; */
    color: pink;
}
nav#block-olivero-panier .cart--cart-block {
    /* line-height: 1; */
    display: flex;
    align-items: center;
}
nav#block-olivero-panier .cart--cart-block .cart-block--summary {
    position: relative;
}
body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
    inset-block-start: auto !important;
}
#site-header__inner .container {
    width: 100%;
    max-width: 100%;
}
nav#block-olivero-main-menu ul li a {
    color: #fff;
    font-size: .9rem;
    font-weight: 600;
}
.block-search-wide__button svg path {
	fill: #fff;
}
.site-header {
    min-height: auto !important;
    border-block-end: none !important;
}
.container {
    width: 100%;
    max-width: 1200px;
    padding-inline: inherit;
    margin: 0 auto;
}

/* homepage banner - 21052025 */
.path-frontpage #block-olivero-homebanner {
	margin-block-end: 0 !important;
}
.path-frontpage .region--hero {
	position: relative;
}
.path-frontpage .region--hero .btn-search {
    position: absolute;
    bottom: 100px;
    width: 100%;
    text-align: center;
}
.path-frontpage .region--hero .btn-search a {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: none;
    padding: 10px 30px;
    font-size: 1.5rem;
}

/* page bloc abos - 17052025 */
.abos.view-abos .field:not(:last-child) {
    margin-block-end: 0;
}
.abos.view-abos .views-view-responsive-grid__item {
	border: 1px solid #000;
	padding: 10px;
}
.abos.view-abos .field--name-title {
    font-size: 1.4rem;
    text-align: center;
    font-weight: 600;
    margin: 0;
}
.abos.view-abos .text-content h3 {
    margin: 0;
    color: #D608B2;
    text-align: center;
    font-weight: 500;
    padding: 10px 0 0;
    line-height: 1;
    font-size: 2rem;
}
.abos.view-abos img {
    padding: 15px;
}
.abos.view-abos .field--name-body ul li {
    font-size: .9rem;
    line-height: 1.3;
    padding: 0 0 10px;
}
.abos.view-abos .field--name-body ul li em {
    margin-left: -15px;
}
.abos.view-abos div a.add-to-cart-link {
    text-align: center;
    display: inline-block;
    width: 100% !important;
    background: #D608B2;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin: 0 0 8px;
	padding: 5px 0;
}

/* profil ou user - 25052025 */
.path-user .grid-full {
    display: block;
}
.path-user .region--breadcrumb {
	display: none;
}
.path-user #block-olivero-page-title {
	display: none;
}
.path-user .glow-banner .wide-content {
    width: 100%;
    margin-inline-start: auto;
    margin-block: 0;
}
.path-user .glow-port .wide-content {
    width: 100%;
    margin-inline-start: auto;
    margin-block: 0;
}
.path-user .container {
    width: 100%;
    max-width: 100%;
    padding-inline: 0;
    margin: 0 auto;
    padding-block-start: 0;
}
.path-user .glow-top-cont {
    position: relative;
    display: block;
    float: left;
    width: 100%;
	/*margin-block-end: 0;*/
}
.path-user .field--name-field-banniere img {
    float: left;
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.path-user .glow-port {
    position: absolute;
    top: 180px;
    left: 50px;
    border: 2px solid;
}
.path-user .glow-port img {
    width: 140px;
}
.path-user .glow-ent {
    position: absolute;
    top: 230px;
    background: #000;
    color: #fff;
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 1;
    padding: 10px 20px 5px;
    left: 220px;
}
.path-user .glow-cont {
    display: block;
    float: left;
    width: 1200px;
    margin-left: 50%;
    transform: translateX(-50%);
}
.path-user .glow-cont .about {
    /* background: red; */
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 30px 0 0;
	position: relative;
}
.path-user .glow-cont .skills {
    background: rgba(0,0,0,0.05);
    width: 25%;
    margin: 0 20px 0 0;
    padding: 10px 20px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
}
.path-user .glow-cont .pres {
	background: rgba(0,0,0,0.05);
	width: 75%;
	margin: 0 20px 0 0;
    padding: 10px 20px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
}
.path-user .glow-cont .skills .field:not(:last-child) {
    margin-block-end: 10px;
}
.path-user .glow-cont .skills p.address {
	margin: 0;
}

.path-user .block-views-blockbooking-3-block-1 h2.block__title {
    background: #000;
    color: #fff;
    font-size: 1.45rem;
    margin: 0 auto;
    width: fit-content;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1;
    padding: 10px 30px 8px;
}
.path-user .calendar-view-pager {
    justify-content: center !important;
    margin: 10px 0 0;
}
.path-user .calendar-view-pager li.pager__item {
    flex: none;
    width: fit-content;
}
.path-user .calendar-view-pager .pager__previous a {
    background: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.2);
    padding: 5px 10px 2px;
    color: #000;
    font-weight: 300;
}
.path-user .calendar-view-pager .pager__next a {
    background: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.2);
    padding: 5px 10px 2px;
    color: #000;
    font-weight: 300;
}
.path-user .calendar-view-pager .pager__current {
    padding: 0 20px;
}
.path-user .calendar-view-pager .pager__current .js-form-item {
    font-size: 1.2rem;
    font-weight: 300;
}
.path-user .wide-content {
    width: 100%;
    margin-inline-start: auto;
    margin-block-end: auto;
}
.path-user .main-content {
    width: 100%;
}
.path-user .member {
    position: absolute;
    right: 2%;
    top: -15%;
    font-size: .9rem;
}
.path-user .member .form-item {
	display: flex;
}
.path-user .member h4.label {
	margin-block: 0;
	margin-right: 5px;
	font-size: 1rem;
}
.path-user article.profile {
	margin-block-end: 0;
}
.path-user #block-olivero-page-title {
	margin-block-end: 0;
}
.path-user #block-olivero-primary-local-tasks {
	margin-block-end: 0;
}
.path-user #content {
    margin-block-end: 0;
}
.path-user .block__content nav ul.tabs {
	background-color: #F6F8F8;
	justify-content: center;
}
.path-user .region--content-below {
    display: block;
    margin: 0 5%;
    float: left;
    width: 100%;
	position: relatvie;
}

/* page et blocs prestataires - 16062025 */
.presta .views-view-responsive-grid__item {
    /* border: 1px solid; */
    background-color: var(--color--gray-95);
    text-align: center;
    padding: 10px 10px 5px;
    border-radius: 10px;
}
.presta .views-view-responsive-grid__item .views-field-field-nom-commercial a {
    font-weight: 700;
    text-decoration: none;
    padding: 5px 0 0;
    float: left;
    width: 100%;
}
.presta .views-view-responsive-grid__item .views-field-field-competences {
    font-size: .8rem;
    line-height: 1;
    margin: 5px 0;
}
.presta .views-view-responsive-grid__item .views-field-field-competences a {
	display: block;
}

.presta form#views-exposed-form-prestataires-page-1,
.presta form#views-exposed-form-prestataires-block-1 {
	background: #000;
	color: #fff;
	padding: 0 15px 10px;
}
.presta form#views-exposed-form-prestataires-page-1 input#edit-field-adresse-postal-code,
.presta form#views-exposed-form-prestataires-block-1 input#edit-field-adresse-postal-code,
.presta form#views-exposed-form-prestataires-page-1 input[id^="edit-field-adresse-postal-code"] {
    width: 120px;
    min-height: 40px;
}
.presta form#views-exposed-form-prestataires-page-1 input#edit-field-adresse-locality,
.presta form#views-exposed-form-prestataires-block-1 input#edit-field-adresse-locality,
.presta form#views-exposed-form-prestataires-page-1 input[id^="edit-field-adresse-locality"] {
    width: 240px;
    min-height: 40px;
}
.presta form#views-exposed-form-prestataires-page-1 input#edit-field-competences-target-id,
.presta form#views-exposed-form-prestataires-block-1 input#edit-field-competences-target-id,
.presta form#views-exposed-form-prestataires-page-1 input[id^="edit-field-competences-target-id"] {
    width: 240px;
    min-height: 40px;
}
.presta form#views-exposed-form-prestataires-page-1 .form-actions,
.presta form#views-exposed-form-prestataires-block-1 .form-actions {
    margin-top: 26px !important;
}
.presta form#views-exposed-form-prestataires-page-1 .form-actions .button,
.presta form#views-exposed-form-prestataires-block-1 .form-actions .button {
    margin-block: 0;
    padding-inline: 10px;
    line-height: 1;
    height: 40px;
}

.glow-cal {
    float: left;
    width: 90%;
    /* margin: 0 auto; */
    margin-left: 50%;
    transform: translateX(-50%);
    margin-bottom: 30px;
}

.date-btn {
    float: left;
    text-align: center;
    width: 100%;
	margin: 0 0 10px;
}
.date-btn a {
    background: rgba(0,0,0,.8);
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px 8px;
    border-radius: 5px;
}

.user-logged-in.path-admin .region--breadcrumb {
	display: none;
}
form.bookable-calendar-opening-edit-form #edit-title-wrapper,
form.bookable-calendar-opening-edit-form #edit-bookable-calendar-wrapper,
form.bookable-calendar-opening-edit-form .js-form-type-vertical-tabs {
	display: none;
}

/* bloc home presta register - 16072025 */
.block-home-presta {
    background-image: url('/sites/default/files/presta-bkg.jpg');
    height: 240px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    background-position: 100% 65%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-home-presta h2 {
    color: #fff;
    font-weight: 300;
    text-shadow: 2px 2px 2px rgba(0,0,0,1);
}
.block-home-presta h3 a {
    background: #D608B2;
    color: #fff;
    font-weight: 300;
    /* text-decoration: none; */
    padding: 10px 30px;
    border-radius: 5px;
    /* border-bottom: none; */
    box-shadow: none;
}

/* form user register login */
.form-alert {
    background: #000;
    color: #fff;
    text-align: center;
    max-width: 846px;
    margin: 30px auto 0;
}
.path-user form.user-login-form,
.path-user form.user-register-form,
.path-user form.user-pass,
.path-user form.user-form {
    margin-block-end: 0;
    max-width: 846px;
    margin: 80px auto 120px;
}