/*
Theme Name: TrueMediaSystem Divi Child
Theme URI: https://121.fr
Description: TMS Child theme for Divi
Author: FLX (121)
Author URI: https://121.fr
Template: Divi
Version: 1.0.0
*/

:root {
    --base-text-color: #fff;
    --base-bg-color: black;
    --light-text-color: black;
    --light-bg-color: #fff;
    --dynamic-text-color: var(--base-text-color);
    --dynamic-bg-color: var(--base-bg-color);
}

.light-theme {
    --dynamic-text-color: var(--light-text-color);
    --dynamic-bg-color: var(--light-bg-color);
    background-color: var(--light-bg-color) !important;
}

.theme-switch-btn {
    cursor: pointer;
    margin-top: 10px !important;
    margin-right: 20px !important;
}

.wp-singular #main-content {
    background-color: var(--dynamic-bg-color);
}

.theme-dynamic-colors,
.et-db:not(.light-theme)
    #et-boc
    .et-l
    .et_pb_section_0_tb_body.et_pb_section.theme-dynamic-colors {
    background-color: var(--base-bg-color) !important;
    color: var(--base-text-color) !important;
    transition: background-color 0.2s ease;
}

.light-theme .theme-dynamic-colors {
    background-color: var(--light-bg-color) !important;
    color: var(--light-text-color) !important;
}

.light-theme .theme-switch-btn {
    filter: none !important;
}

.dyn-txt-color,
.dyn-txt-color h3,
.theme-dynamic-colors,
.theme-dynamic-colors h2,
.theme-dynamic-colors h3,
.theme-dynamic-colors h4,
body:not(.et-fb-root-ancestor) h1:not(.fixed-color),
body:not(.et-fb-root-ancestor) h2:not(.fixed-color),
body:not(.et-fb-root-ancestor) h3:not(.fixed-color),
body:not(.et-fb-root-ancestor) h4:not(.fixed-color),
body:not(.et-fb-root-ancestor) h5:not(.fixed-color),
.et_pb_text:not(.fixed-color),
.et_pb_text:not(.fixed-color) th {
    color: var(--dynamic-text-color) !important;
    transition: color 0.2s ease;
}

.light-theme div.et_pb_section.gradient-dyn-bg {
    background-color: #fff !important;
    background-image: linear-gradient(
        -2deg,
        #fff 12%,
        rgba(255, 255, 255, 0) 21%,
        #02b2ed 32%,
        #4a479e 49%,
        #02b2ed 67%,
        rgba(242, 242, 242, 0) 84%,
        #fff 100%
    ) !important;
}

.no-mobile-menu.et_pb_menu .et_pb_menu__menu,
.no-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex !important;
}

.no-mobile-menu .et_mobile_nav_menu {
    display: none;
}

@media (max-width: 980px) {
    .no-mobile-menu .et_pb_menu__wrap {
        justify-content: center !important;
    }
}

#menu-header {
    align-items: center !important;
}
#main-menu .et_pb_menu__menu,
#main-menu .et-menu-nav,
#main-menu #menu-header {
    width: 100% !important;
}
#menu-header .menu-item-connexion {
    margin-left: auto !important;
}
#menu-header .menu-item-connexion a,
.et-db
    #et-boc
    .et-l
    .et_pb_menu_0_tb_header.et_pb_menu
    .et-menu-nav
    li.menu-item-connexion
    a {
    background:
        linear-gradient(
                to right,
                var(--gradientColor1) 0%,
                var(--gradientColor2) 100%
            )
            padding-box,
        linear-gradient(to bottom, #4a479e 0%, #02b2ed 100%) border-box !important;
    border-width: 2px;
    border-style: solid;
    border-radius: 6px;
    border-color: transparent;
    padding: 16px !important;
    transition:
        all 0.2s ease,
        --gradientColor1 0.2s ease,
        --gradientColor2 0.2s ease !important;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    --gradientColor1: #000;
    --gradientColor2: #000;
    color: #fff !important;
    background-repeat: no-repeat !important;
}

.blue-gradient-btn {
    color: #fff !important;
    border-color: transparent;
    transition:
        all 0.2s ease,
        --gradientColor1 0.2s ease,
        --gradientColor2 0.2s ease !important;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    --gradientColor1: #000;
    --gradientColor2: #000;
    background:
        linear-gradient(
                to right,
                var(--gradientColor1) 0%,
                var(--gradientColor2) 100%
            )
            padding-box,
        linear-gradient(to bottom, #4a479e 0%, #02b2ed 100%) border-box !important;
}

#menu-header .menu-item-connexion a:hover,
.blue-gradient-btn:hover {
    color: var(--dynamic-text-color) !important;
    --gradientColor1: #4a479e;
    --gradientColor2: #02b2ed;
}

@property --gradientColor1 {
    syntax: "<color>";
    initial-value: #4a479e;
    inherits: false;
}

@property --gradientColor2 {
    syntax: "<color>";
    initial-value: #02b2ed;
    inherits: false;
}

/* contactform */
.tms-contact-form input,
.tms-contact-form textarea {
    width: 100%;
    padding: 10px;
    background-color: rgba(2, 178, 237, 0.15);
    border: 1px solid rgba(2, 178, 237, 0.3);
    color: #cddbdf !important;
    font-size: 1em;
    font-weight: 300;
}

.tms-contact-form input:focus,
.tms-contact-form textarea:focus {
    background-color: rgba(2, 178, 237, 0.3);
    border: 1px solid rgba(2, 178, 237, 0.4);
    color: #cddbdf !important;
}

.tms-contact-form label {
    color: #02b2ed;
    font-weight: 200;
    font-size: 1.5em;
}

.tms-contact-form .wpcf7-submit {
    font-size: 1.5em;
    max-width: 160px;
    margin-left: auto;
    display: block;
}

#cmplz-document p,
#cmplz-document li {
    font-size: 17px;
}

#cmplz-cookies-overview .cmplz-dropdown h5,
#cmplz-cookies-overview .cmplz-dropdown .purpose h4,
#cmplz-cookies-overview .cookies-per-purpose {
    color: #333 !important;
}

body:not(.light-theme) #cmplz-document a[target="_blank"]::after,
body:not(.light-theme).editor-styles-wrapper
    .cmplz-unlinked-mode
    a[target="_blank"]::after {
    filter: invert(1);
}

.tms-product-desc,
.tms-product-desc ul.et_pb_tabs_controls::after {
    border-image-source: linear-gradient(to left, #4a479e, #02b2ed);
    border-image-slice: 1;
}

.tms-product-desc ul.et_pb_tabs_controls li,
.tms-product-desc table,
.tms-product-desc table th,
.tms-product-desc table td {
    border-color: #02b2ed;
}

.tms-product-desc .et_pb_tab_content table td {
    padding: 10px;
}

.tms-product-desc ul.et_pb_tabs_controls {
    background-color: transparent;
}

.tms-product-desc ul.et_pb_tabs_controls li a {
    color: var(--dynamic-text-color) !important;
}

.et_pb_wc_cart_notice .woocommerce-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce div.product form.cart .variations label {
    font-weight: 200;
}

table.wc-block-cart-items {
    border-image-source: linear-gradient(to left, #4a479e, #02b2ed) !important;
    border-image-slice: 1 !important;
    border-collapse: inherit;
}

.wp-block-woocommerce-checkout-order-summary-block {
    border-image-source: linear-gradient(
        to bottom,
        #4a479e,
        #02b2ed
    ) !important;
    border-image-slice: 1 !important;
    border-collapse: inherit;
}

.wc-block-cart__submit .wc-block-cart__submit-button:hover,
.wc-block-components-totals-coupon__button:not(:disabled):hover {
    background: linear-gradient(to left, #4a479e, #02b2ed) !important;
}

.woocommerce-cart:not(.light-theme),
.woocommerce-cart:not(.light-theme) .entry-content tr th {
    color: #f0f0f0;
}

.wc-block-components-totals-coupon__input label {
    color: #666 !important;
}

nav.woocommerce-MyAccount-navigation a::before {
    display: inline-block;
    content: "\e012";
    font-family: "ETmodules";
    margin-right: 10px;
}
nav.woocommerce-MyAccount-navigation ul li {
    list-style-type: none;
    font-size: 1.2em;
    font-weight: 200;
    line-height: 1.8em;
}

li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\e015";
}

li.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}
li.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: "\e020";
}
li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\e009";
}
li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\e026";
}
li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\e02e";
}

/*.woocommerce-account.woocommerce-page
    #account-main-section:has(#customer_login) {
    background: linear-gradient(to bottom, #000 0%, #4a479e 70%, #008ebe);
}*/

.woocommerce-account.woocommerce-page #customer_login form {
    background:
        linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)) padding-box,
        linear-gradient(to bottom, #4a479e, #02b2ed) border-box;
    border-radius: 8px;
    border: 1px solid transparent;
    margin-top: 1em;
}
.light-theme.woocommerce-account.woocommerce-page #customer_login form {
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(to bottom, #4a479e, #02b2ed) border-box;
}

.woocommerce-account.woocommerce-page #customer_login form .woocommerce-button {
    background:
        linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)) padding-box,
        linear-gradient(to bottom, #4a479e, #02b2ed) border-box;
    border: 1px solid transparent;
    font-weight: 300;
    color: #fff;
}

#customer_login .woocommerce-Input--text,
#customer_login .woocommerce-Input--text:focus {
    background: rgba(180, 180, 180, 0.5);
    color: #f0f0f0 !important;
}

.light-theme #customer_login .woocommerce-Input--text,
.light-theme #customer_login .woocommerce-Input--text:focus {
    color: #333 !important;
}

.woocommerce-account.woocommerce-page
    #customer_login
    form
    .woocommerce-form-register__submit {
    margin-top: 20px;
    margin-left: auto;
    display: block;
}

.woocommerce-account.woocommerce-page #customer_login .acf-field {
    border: none;
    padding: 3px;
    margin: 0 0 6px;
}

.woocommerce-account.woocommerce-page #customer_login .acf-field label {
    font-weight: 300;
}

.woocommerce-account.woocommerce-page
    #customer_login
    .woocommerce-form-register
    .acf-input
    input {
    background: rgba(180, 180, 180, 0.5);
    color: #f0f0f0 !important;
    border: none;
    font-size: 14px;
    padding: 16px;
}