/*
 Theme Name:   Graphical Boilerplate
 Theme URI:    https://bricksbuilder.io/
 Description:  Child Theme Graphical - Boilerplate Bricks
 Author:       Graphical
 Author URI:   https://graphical-media.com/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* -------
Index
-------- */

/* 
- GLOBAL STYLES
    - GRAPHICAL VARIABLES
    - GENERAL
        -Bug Fixes
    - GRAPHICAL UTILITY CLASSES
    - BUTTONS / LINKS

- LAYOUT / THEMER
    - HEADER
        - NAVIGATION
        - MOBILE NAVIGATION OPENED
    - FOOTER
    - CARDS
    - TEMPLATE
    - LEARNDASH


- PAGE SPECIFIC CSS
    -HOMEPAGE
    -CONTACT
    -FORMATIONS

- GRAVITY FORM STYLING
    - CUSTOM GRAVITY FORM STYLE

*/

/* - GLOBAL STYLES ====================================================================== */

/* --------------------
- GRAPHICAL VARIABLES
-------------------- */

:root {
    --gm-transition: 300ms ease-in-out;
}


/* --------------------
- GENERAL
-------------------- */

/* Bug Fixes */

/* debordement lorsque le dropdown menu est ouvert*/
.brxe-nav-nested:not(.brx-open) .brx-nav-nested-items > .brxe-dropdown:not([data-toggle="click"]):hover::before {
    width: auto!important; /* default: width:100% */
}

/* Spacing */

.brxe-text > ul + p {
    margin-top: 1em;
}

------------------------*/

ul {
    margin: 0;
}

address {
    font-style: normal;
}


/* --------------------
- GRAPHICAL UTILITY CLASSES
-------------------- */
.gm-list--2-col {
    column-count: 2;
    column-gap: var(--space-xl);
  }

@media (max-width: 478px) {
    .gm-list--2-col {
        column-count: 1;
      }
}
/* --------------------
BUTTONS / LINKS
-------------------- */

a,
.bricks-button {
    transition: all var(--gm-transition);
}

/* END - GLOBAL STYLES ====================================================================== */

/* LAYOUT / THEMER ======================================================================  */

/* --------------------
HEADER
-------------------- */

.gm-main-header {
    --header-pad-block: var(--space-m);
    --mobile-item-min-height: 4.8rem;
}

/* NAVIGATION */

.gm-main-header__nav-items > .menu-item,
.gm-main-header__nav-nested > ul .gm-main-header__dropdown {
    height: 100%;
    display: flex;
    justify-content: center;
    font-weight: inherit;
}

.gm-main-header__nav-link a {
    white-space: nowrap;
    font-weight: inherit;
}

.home .gm-main-header__nav-nested .brx-dropdown-content {
    background: rgba(255, 253, 250, 0.80);;
}

/* MOBILE NAVIGATION OPENED */

.gm-main-header__nav-nested.brx-open ul.gm-main-header__nav-items {
    /* start under header*/
    position: absolute;
    top: 100%;
    height: fit-content;    
    min-height: 100%;
    /* -------------- */
    padding: var(--space-m) var(--section-padding-x) 0;
    box-shadow: 0 4px 6px -3px var(--neutral-trans-60);
    gap: 0;
}

.gm-main-header__nav-nested.brx-open .gm-main-header__nav-items > .menu-item,
.gm-main-header__nav-nested.brx-open > ul .gm-main-header__dropdown {
    height: auto;
}

.gm-main-header__nav-nested.brx-open .gm-main-header__nav-items .menu-item a {
    margin-block: auto;
    justify-content: flex-start;
}

.gm-main-header__nav-nested.brx-open ul.gm-main-header__nav-items > li {    
    border-bottom: 1px solid var(--base-light);
}

.gm-main-header__nav-nested.brx-open ul.gm-main-header__nav-items > li:last-child {
    border: none;
}

.gm-main-header__nav-nested.brx-open ul.gm-main-header__nav-items li {
    display: flex;
    min-height: var(--mobile-item-min-height);
}
/* Correction Bricks empty li */
.gm-main-header__nav-nested.brx-open ul.gm-main-header__nav-items li:empty {display:none;}
/* ------ */
.gm-main-header__nav-nested.brx-open .gm-main-header__dropdown .brx-submenu-toggle button[aria-expanded="true"] {
    transform: rotateZ(180deg);
}

.gm-main-header__nav-nested.brx-open .brx-submenu-toggle{
    min-height: var(--mobile-item-min-height);
}

.gm-main-header__nav-nested.brx-open .gm-main-header__dropdown.open ul {
    position: static;
}

.gm-main-header__nav-nested.brx-open .gm-main-header__dropdown__content {
    min-height: var(--mobile-item-min-height);
    padding: 0 0 1rem 0;
    row-gap: 0;
}

.gm-main-header__nav-nested.brx-open .gm-main-header__dropdown__content li {
    min-height: var(--mobile-item-min-height);
    padding-left: var(--space-m);
}

.gm-main-header__nav-nested.brx-open .gm-main-header__dropdown__content li a {
    font-weight: inherit;    
    opacity: 0.75;
}

.gm-main-header__nav-nested.brx-open .gm-main-header__dropdown__content li:hover a {
    opacity: 1;
}
.gm-mobile-menu__contact {display: none;}
.gm-main-header__nav-nested.brx-open .gm-mobile-menu__contact {
    display: flex;
}

/* End mobile nav opened*/

/* --------------------
FOOTER
-------------------- */


/* stacked address */
.gm-footer__address span {
    display: block;
}

/* inline address */
/* .gm-footer__address span:not(:last-child)::after {
    content: ", ";
} */

.gm-footer__legal--text span#csconsentlink,
.gm-footer__legal--text a {
    cursor: pointer;
    color: var(--base);
    transition: color var(--gm-transition);
}

.gm-footer__legal--text span#csconsentlink:hover,
.gm-footer__legal--text a:hover {
    color: var(--action);
}

/* --------------------
CARDS
-------------------- */

/* --------------------
TEMPLATE
-------------------- */

/* Page standard */
/* 
.gm-standard-page h1 {
    margin-bottom: 0;
}

.gm-standard-page .brxe-post-content {
    margin-top: var(--space-m);
 }
.gm-standard-page .brxe-post-content > *:first-child {
    margin-top: 0;
}

.gm-standard-page h2 {
    margin-top: var(--space-m);
}

.gm-standard-page h3 {
    margin-top: var(--space-m);
}

.gm-standard-page ol,
.gm-standard-page ul {
    margin-bottom: var(--space-m);
}

.gm-standard-page li:not(:first-child) {
    margin-top: var(--space-s);
}

.gm-standard-page a {
    color: var(--action);
}
.gm-standard-page a:hover {
    color: var(--action-dark);
} */

/* SINGLE APPAREIL */

table { 
    border: 0.1rem solid var(--base);
    border-collapse: collapse; 
  }
  table caption { 
    padding-bottom: var(--space-s); 
  }
  table th, 
  table td { 
    border: 0.1rem solid var(--base);
    padding: var(--space-s) var(--space-m);
  }

  table th { 
    font-weight: 700;
    vertical-align: middle; 
    text-align: center;  
  }
  table td { 
    vertical-align: top; 
  }

  /* LEARNDASH */

  .learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-edit-link,
  .learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-avatar {
	display: none;
}

.ld-expand-button {
    max-width: 125px;
}

.ld-expand-button .ld-text,
.ld-button {
    min-width: fit-content;
}

body .learndash-wrapper .ld-alert .ld-button {
    display: flex;
}

body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
    align-items: center;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
    margin-top: 0;
    margin-bottom: auto;
}
body .learndash-wrapper .ld-breadcrumbs .ld-status,
body .learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {
    margin-left: auto;
    margin-bottom: 0;
}

body .learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible {
display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    row-gap: var(--space-l);
}

body .ld-alert-certificate .ld-button {
    min-height: 3rem;
}

body .learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-content-actions .ld-content-action .ld-course-step-back {
    margin-top: var(--space-m);
    font-size: var(--text-m);
}

/* QUIZ */

body .learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text {
    margin-bottom: var(--space-m);
}
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text p:empty,
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text br {
    display: none;
}

body .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label {
    display: flex;
}

body .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label {
    padding-top: 0;
}

body .learndash-wrapper .ld-quiz-actions { justify-content: space-between;}
body .learndash-wrapper .ld-quiz-actions input[name=reShowQuestion] {margin-top: var(--space-s);}
body .learndash-wrapper .ld-sortable__item-text {
    font-size: var(--text-m);
    padding-bottom: 0.8em;
}
body .learndash-wrapper .ld-sortable__item-handle svg {
    background-image: url(https://www.phenixlocation.com/wp-content/uploads/2025/10/sort-icn.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


@media (max-width: 768px) {
    body .learndash-wrapper .ld-quiz-actions {
        /* flex-direction: column; */
        align-items: flex-start;
        & .quiz_continue_link {
            margin-left: 0;
            & a#quiz_continue_link {
                margin-left: 0;
            }
        }
    }
}

@media (max-width: 478px) {
    body .learndash-wrapper .ld-quiz-actions {
        flex-direction: column;
    }
}


/* END - LAYOUT / THEMER ======================================================================  */

/* PAGE SPECIFIC CSS ====================================================================== */

/* Homepage */
/* Formations */


.pl-formations-inner {
    container-type: inline-size;
    container-name: formation;
}

@container formation (max-width: 56rem) {
    .brxe-block.pl-formation-wrapper {
        flex-direction: column;
    }
    li.gm-card-formation {
        min-width: 100%;
    }
}

/* Contact */
/* END - PAGE SPECIFIC CSS ====================================================================== */

/* CUSTOM GRAVITY FORM STYLING ====================================================================== */

/* GFORM VARIABLES */

:root {
    --gform-col-gap: calc(var(--space-m) * 1.5);
    --gform-row-gap: calc(var(--space-m) * 1.5);
    /* Input */
    --gfield-padding-block: var(--btn-padding-block);
    --gfield-padding-inline: var(--btn-padding-inline);
    --gfield-padding: var(--gfield-padding-block) var(--gfield-padding-inline);
    --gfield--min-height: 4.8rem;
    --gfield-font-size: var(--text-m);
    --gfield-line-height: 1;
    --gfield-color: var(--tertiary);
    --gfield-placeholder-opacity: 1;
    --gfield-border--width: 0.05rem;
    --gfield-border--clr: var(--base);
    --gfield-border: var(--gfield-border--width) solid var(--base);
    --gfield-border--radius: 0;
    --gfield-border--focus:  var(--gfield-border--width) solid var(--primary);    
    --gfield-bg-color: transparent; /* default transparent */
    --gfield-bg--focus:  transparent;
    --textarea-height: 25rem;
    --required-icn: url(./images/asterisk.svg);
    /* Submit button - Default = Acss action btn*/
    --gfield-submit--align: flex-start;
    --gfield-submit--padding: var(--btn-padding-block) var(--btn-padding-inline);
    --gfield-submit--min-width: var(--btn-min-width);
    --gfield-submit--bg: var(--accent);
    --gfield-submit--hov-bg: var(--primary);
    --gfield-submit--font-size: var(--text-m);
    --gfield-submit--color: var(--neutral-ultra-light);
    --gfield-submit--hov-color: var(--btn-hover-text-color);
    --gfield-submit--weight: var(--btn-font-weight);
    --gfield-submit--text-transform: var(--btn-text-transform);
    --gfield-submit--border: var(--btn-border-size) solid var(--accent);
    --gfield-submit--border-rad: var(--btn-border-radius); /*var(--btn-border-radius)*/
    --gfield-submit--hov-border:  var(--btn-border-size) solid var(--primary);

    /* Orbital */
    --gfield-border-color: var(--base);
    /* Label */
    --glabel-size: var(--text-m);
    --glabel-color: var(--base);
    --gdesc-color:  var(--base);
}


/* ORBITAL MODIFICATION */
body .gform-theme--framework form {
    --gf-ctrl-btn-bg-color-primary: var(--gfield-submit--bg);
    --gf-ctrl-btn-bg-color-hover-primary: var(--gfield-submit--hov-bg);
    --gf-field-list-btn-size: 16px;
    --gf-field-list-btn-radius: 50%;
    --gf-field-list-btn-font-size: 0;
    --gf-field-list-btn-padding-y: var(--space-m);
    --gf-field-list-btn-padding-x: var(--space-m);
    --gf-ctrl-btn-padding-y: var(--gfield-padding-block); /* submit button padding*/
    --gf-ctrl-btn-padding-x: var(--gfield-padding-inline); /* submit button padding*/
    --gf-ctrl-btn-font-size: var(--gfield-submit--font-size);
    --gf-ctrl-radio-check-radius: 0; /* radio btn radius */
    --gf-ctrl-transition: all var(--gm-transition);
    --gf-ctrl-btn-radius: var(--gfield-submit--border-rad); /* submit btn radius*/
    --gf-ctrl-border-width: var(--gfield-border--width); /* input border size */
    --gf-ctrl-font-size: var(--gfield-font-size); /* input font-size */
}



/* Gravity form defaults styles reset */


@media (max-width:641px) {
    /* Overwrite gravity form default style */
    .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
        line-height: var(--gfield-line-height)!important;
        min-height: var(--gfield--min-height)!important;
    }
}

/* Hide label over gfields but kept for screen reader */

body .gform_wrapper .gfield_label,
body .gform_wrapper .gform_heading,
body .gform_wrapper .gform_required_legend,
body .gform_wrapper .gfield--type-name legend {
    visibility: hidden;
    position: absolute;
}

body .gform_wrapper .gform_body .gform_fields,
body .gform_wrapper.gravity-theme .ginput_complex {
    column-gap: var(--gform-col-gap);
    row-gap: var(--gform-row-gap);
}

body .gform_wrapper.gravity-theme .ginput_complex span{
    padding-left: 0!important;
    padding-right: 0!important;
    margin-bottom: 0px;
}


/* Gform input fields */

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type='url'],
body .gform_wrapper .gform_body .gform_fields .gfield input[type='number'],
body .gform_wrapper .gform_body .gform_fields .gfield input[type='password'],
body .gform_wrapper .gform_body .gform_fields .gfield input[type='file'],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    padding: var(--gfield-padding);
    min-height: var(--gfield-min-height);
    background-color: var(--gfield-bg-color);
    font-size: var(--gfield-font-size);
    line-height: var(--gfield-line-height);
    color: var(--gfield-color);
    border: var(--gfield-border);
    border-radius: var(--gfield-border--radius);
    outline: none;    
    transition: all var(--gm-transition);
    /* outline-offset: ; */
}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    height: var(--textarea-height);
    width: 100%;
    resize: none;
}


/*Styling actif*/

body .gform_wrapper .gform_body .gform_fields .gfield input[type='text']:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type='url']:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type='email']:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type='tel']:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type='number']:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type='password']:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type='file']:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
    border: var(--gfield-border--focus);;
    background-color: var( --gfield-bg--focus);
}

/* Required fields */

.gfield_contains_required .ginput_container input[aria-required="true"] {
	background-image: var(--required-icn);
	background-size: 1em;
	background-repeat: no-repeat;
    background-position: calc(100% - var(--space-s)) 50%;
}

.gfield_contains_required .ginput_container input[aria-required="true"]:focus,
.gfield_contains_required .ginput_container input[aria-required="true"]:not(:placeholder-shown) {
	background-image: none;
}



/* ----- END input fields----- */

/* Submit button style */

body .gform_wrapper .gform_footer {
    display: flex;
    justify-content: var(--gfield-submit--align);
    padding: 0;
}

body .gform_wrapper .gform_footer input[type=submit] {
    min-width: var(--gfield-submit--min-width);
    background-color: var(--gfield-submit--bg);
    padding: var(--gfield-submit--padding);
    border: var(--gfield-submit--border);
    border-radius: var(--gfield-submit--border-rad);
    color: var(--gfield-submit--color);
    font-weight: var(--gfield-submit--weight);
    text-transform: var(--gfield-submit--text-transform);
    text-align: center;
    font-size: var(--gfield-submit--font-size);
    transition: all var(--gm-transition);
    outline: none;
}

body .gform_wrapper .gform_footer input[type="submit"]:hover {
    background-color: var(--gfield-submit--hov-bg);
    border: var(--gfield-submit--hov-border);
    color: var(--gfield-submit--hov-color);
}


/* ----- END Submit button ------ */


/* Placeholder */

.gform_fields .gfield input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: var(--gfield-font-size)!important;
    color: var(--gfield-color);
    opacity: var(--gfield-placeholder-opacity);
}

.gform_fields .gfield input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: var(--gfield-font-size);
    color: var(--gfield-color);
    opacity: var(--gfield-placeholder-opacity);
}

.gform_fields .gfield input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: var(--gfield-font-size);
    color: var(--gfield-color);
    opacity: var(--gfield-placeholder-opacity);
}

.gform_fields .gfield input:-moz-placeholder {
    /* Firefox 18- */
    font-size: var(--gfield-font-size);
    color: var(--gfield-color);
    opacity: var(--gfield-placeholder-opacity);
}

.gform_fields .gfield textarea::placeholder,
.gform_fields .gfield textarea::-webkit-input-placeholder {
    font-size: var(--gfield-font-size);
    color: var(--gfield-color);
    opacity: var(--gfield-placeholder-opacity);
}


/* ------ END placeholder ------ */


/* Error / validation message */

body .gform_wrapper .gform_validation_errors {
    border-radius: 0;
}

body .gform_wrapper .gform_validation_errors>h2 {
    /* color: blueviolet; */
}

body .gform_wrapper .gfield_validation_message,
body .gform_wrapper .validation_message {
    display: none;
}

body .gform_wrapper .gfield--type-phone .gfield_validation_message {
    display: block;
}

/* Error fields style */

body .gform_wrapper .gform_validation_errors:focus {
    outline: none!important;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gfield_error input,
body .gform_wrapper .gform_body .gform_fields .gfield.gfield_error select {
    --gfield-color: #c02b0a;
    border-color: #c02b0a!important;
  }

@media (max-width:478px) {
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type='url'],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type='number'],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type='password'],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type='file'],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
    body .gform_wrapper .gform_body .gform_fields .gfield textarea {
        font-size: 16px;
    }
}
/* Gform Container query */

.gm-form-wrapper {
    container-type: inline-size
}
/* //2 columns */

@container (max-width:55rem) {
    .gm-form-wrapper .gform-theme--foundation .gform_fields > .gfield--width-half:not(.gfield--type-select) {
        grid-column: span 12;
    }
}

/* // 3 columns */
@container (max-width:50rem) {
    .gm-form-wrapper .gform-theme--foundation .gform_fields > .gfield.gfield--width-third {
        grid-column: span 12;
    }

    .gm-form-wrapper .gform-theme--foundation .gform_fields > .gfield.gfield--width-third ~ .gfield.gfield--width-third {
        grid-column: span 6;
    }
}

@container (max-width:40rem) {
    .gm-form-wrapper .gform-theme--foundation .gform_fields > .gfield.gfield--width-third ~ .gfield.gfield--width-third {
        grid-column: span 12;
    }
}

/* 4 columns */

@container (max-width:110rem) {
    .gm-form-wrapper .gform-theme--foundation .gform_fields > .gfield--width-quarter {
        grid-column: span 6;
    }
}
@container (max-width:52rem) {
    .gm-form-wrapper .gform-theme--foundation .gform_fields > .gfield--width-quarter {
        grid-column: span 12;
    }
    .gm-form-wrapper .gform-theme--foundation .gfield select.medium {
        inline-size: 100%;
    }
}
/* END gravity form styling ====================================================================== */