/*
 Theme Name:   Twenty Twenty-Four
 Description:  Twenty Twenty-Four Child Theme
 Author:       Tryfon Tzanetis
 Author URI:   http://tafhub.com
 Description: Twenty Twenty-Four is designed to be flexible,
 versatile and applicable to any website. Its collection of templates and patterns tailor to different needs,
 such as presenting a business,
 blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process,
 is fully compatible with the site editor,
 and takes advantage of new design tools introduced in WordPress 6.4.
 Template:     twentytwentyfour
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0 License: GNU General Public License v2 or later
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Text Domain:  twentytwentyfourchild
*/

/* FONT */

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDujMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDunMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDubMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDurMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuvMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMR7eS2Ao.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans Condensed", sans-serif;
}

.woocommerce-Button{
	border-radius: 20px;
}

/* CSS page wallet */

.woo-wallet-sidebar{
	display: none;
}

.woo-wallet-my-wallet-container .woo-wallet-content{
	width: 100%!important;
}

.woo-wallet-my-wallet-container{
	border: none!important;
}

/* Page connexion */

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
	max-width: 400px;
    margin: auto;
}

/* CSS Page Checkout */

form.woocommerce-checkout{
	display: flex;
    gap: 40px;
	flex-wrap: wrap;
}

form.woocommerce-checkout #customer_details{
	width: calc(60% - 20px);
}

form.woocommerce-checkout #order_review{
	width: calc(40% - 20px);
}

.woocommerce-page table.shop_table{
	width: 100%;
}

.limit-character::after {
    content: "max 94 caractères" !important;
    font-size: 15px;
    font-style: italic;
	color: var(--wp--preset--color--custom-gris-fonc);
}

.woocommerce-NoticeGroup-checkout{
	width: 100%;
}

.bloc-image-checkout figure{
	flex-shrink: 0;
}

@media (max-width: 768px){
	form.woocommerce-checkout{
		flex-direction: column;
	}
	form.woocommerce-checkout #customer_details{
		width: 100%;
	}
	form.woocommerce-checkout #order_review{
		width: 100%;
	}
}

@media (max-width: 480px){
	.bloc-image-checkout{
		flex-direction: column;
	}
	.bloc-image-checkout figure{
		margin: auto;
	}
}

/* Page commandes */

.icon-somme svg{
	width: 20px;
	height: 20px;
	margin-bottom: -4px;
    margin-right: 3px;
}

.account-statistics {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.account-statistics h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 1.25em;
    color: #333;
}

.account-statistics ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.account-statistics ul li {
    margin-bottom: 10px;
    font-size: 1em;
    color: #555;
}

.account-statistics ul li:last-child {
    margin-bottom: 0;
}

/* Header */

nav.wp-block-navigation .btn-logout-desktop{
	display: none;
}

.wp-block-woocommerce-customer-account a{
	border: solid 1px;
    border-radius: 20px;
    padding-right: .75em;
    font-size: 16px;
}

.wp-block-woocommerce-customer-account a:hover{
	text-decoration: none!important;
}

a.bouton-logout, .btn-logout-desktop a{
	background-color: var(--wp--preset--color--custom-rouge);
    border-radius: 20px;
    border-width: 0;
    color: var(--wp--preset--color--base-2) !important;
    font-size: 16px;
	padding: 0.6rem 1rem !important;
    text-decoration: none;
}

@media (max-width: 768px){
	.wp-block-woocommerce-customer-account span.label{
		display: none;
	}
	
	.wp-block-woocommerce-customer-account a{
		padding: 0 4px;
	}
	
	.bouton-deconnexion{
		display: none;
	}
	
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
	
	nav.wp-block-navigation .btn-logout-desktop{
		display: unset;
	}
}

/* Footer */

footer.wp-block-template-part{
	margin-block-start: 0px;
}

/* Style titre */

.style-h3{
	margin-bottom: 8px;
	margin-top: 32px;
}

.p-top-8{
	margin-block-start: 8px;
}

.title-form{
	margin: 0px;
}

.title-form h3{
	margin: 0px;
	font-size: 16px;
	font-family: 'Open sans', sans-serif;
	font-weight: 700;
	margin-top: 32px;
}

.heading-creancier h3{
	margin-top: 0px;
}

.title-form h3:before, .heading-etape-2:before, .heading-etape-1:before, .heading-etape-3:before{
	width: 26px;
	display: inline-block;
	background-color: #000;
    color: #FFF;
    border-radius: 100%;
    margin-right: 12px;
    text-align: center;
	font-size: 13px;
    padding: 4px 0px;
    line-height: 1.4em;
}


.heading-creancier h3:before, .heading-etape-1:before{
	content:"1";
}

.heading-debiteur h3:before, .heading-etape-2:before{
	content:"2";
}

.heading-facture h3:before, 
.heading-etape-3:before{
	content:"3";
}

.heading-etape-2:before, .heading-etape-1:before, .heading-etape-3:before{
	font-size: 32px;
    width: 53px;
    background: #CD2F3A;
    margin-right: 16px;
    transform: translate(0px, -3px);
}

h3.heading-etape-1:before, h3.heading-etape-2:before, h3.heading-etape-3:before{
	font-size: 20px;
    line-height: 24px;
    width: 33px;
    background: #000000;
    transform: translate(0px, -1px);
}

#payment{
	background-color: #F5D5D8!important;
}

.woocommerce-privacy-policy-text p{
	font-style: italic;
	font-size: 14px;
	margin-top: 0px;
}

body .woocommerce-checkout #payment ul.payment_methods{
	padding: 1em 1em 0px 1em;
	border-bottom: none;
}

#place_order{
	border-radius: 20px;
}

.woocommerce-billing-fields > h3, .woocommerce-additional-fields > h3{
	display: none;
}

.form-row{
	margin-bottom: 8px!important;
}

.woocommerce-page .input-text{
	padding: 10px 12px!important;
}

.img-ombre figure{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

.style-h3.no-margin-top{
	margin-top: 0px!important;
}

.woocommerce-button{
	border-radius: 20px;
}

/* Page Connexion */

.logged-out-my-account main > div:first-child{
	display: none;
}

.logged-out-my-account h2{
	text-align: center;
}

.woocommerce-account main{
	min-height: calc(100vh - 232px);
}

.logged-out-my-account main{
	margin-bottom: 100px;
	margin-top: 40px;
	min-height: calc(100vh - 353px);
}

.logged-out-my-account nav.wp-block-navigation{
	display: none;
}

/* Page Account */

body:not(.logged-out-my-account).woocommerce-account .woocommerce{
	margin-bottom: 120px;
	display: flex;
    gap: 32px;
    justify-content: space-between;
}

.style-h3.margin-bottom{
	margin-bottom: 24px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:not(.woocommerce-MyAccount-navigation-link--customer-logout) a {
    text-decoration: none;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
	padding-left: 10px;
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
    background-color: var(--wp--preset--color--custom-rouge);
    padding: 12px 25px;
    border-radius: 20px;
    color: var(--wp--preset--color--white);
	font-size: 16px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background-color: var(--wp--preset--color--custom-gris-clair);
    padding: 10px;
	border-radius: 3px;
}

.woocommerce-MyAccount-navigation-link--customer-logout{
	margin-top: 32px;
}

.woocommerce-MyAccount-navigation{
	width: 241px!important;
	border-right: solid 1px;
	flex-shrink: 0;
}

.woocommerce-MyAccount-content{
	max-width: 100%;
	width: 100%!important;
}

.woocommerce-account .wp-block-post-title{
	text-align: left;
}

.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before {
    content: none;
}

@media (max-width: 768px){
	body:not(.logged-out-my-account).woocommerce-account .woocommerce{
		flex-direction: column;
		gap: 24px;
	}
	.woocommerce-MyAccount-navigation{
		border-right:none;
		width: 100%!important;
		position: relative;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation ul{
		display: flex;
    	flex-direction: row;
    	gap: 16px;
    	overflow-x: scroll;
    	align-items: center;
    	overflow-y: hidden;
		margin-bottom: 8px;
		-ms-overflow-style: none;  /* IE and Edge */
  		scrollbar-width: none;
	}
	
	.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
  		display: none;
	}
	
	.woocommerce-account .woocommerce-MyAccount-navigation li{
		flex-shrink: 0;
		margin: 8px 0;
	}
	.woocommerce-MyAccount-navigation-link--customer-logout{
		margin-top: 8px;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation li:first-child{
		padding-top: .35rem;
	}
	.woo-wallet-transaction-type-debit, .woo-wallet-price, .woo-wallet-transaction-type-credit{
		margin-right: 24px!important;
	}
	
	.woo-wallet-transactions-items{
		padding-left: 0px;
	}
	
	nav.woocommerce-MyAccount-navigation:after{
		content: "";
    	position: absolute;
    	bottom: 0;
    	right: -1px;
    	top: 0;
    	width: 50px;
    	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	}
}

/* FOCUS */

:where(.wp-site-blocks *:focus) {
    outline-width: 0px;
}

/* Page confirmation commande */

.woocommerce-checkout .wp-block-woocommerce-order-confirmation-status, .woocommerce-checkout .wp-block-woocommerce-order-confirmation-summary, .woocommerce-checkout .wp-block-woocommerce-order-confirmation-totals-wrapper, .woocommerce-checkout .wp-block-woocommerce-order-confirmation-downloads-wrapper, .woocommerce-checkout .woocommerce-order-confirmation-address-wrapper, .woocommerce-checkout .wc-block-order-confirmation-address-wrapper {
    display: none !important;
}

.woocommerce-checkout .wp-block-woocommerce-order-confirmation-additional-information{
	height: calc(100vh - 230px);
}

/* Masquer message woocommerce sur commande */

body.woocommerce-orders .wc-block-components-notice-banner{
	display: none;
}

/* CSS WooCommerce Notice */

.wc-block-components-notice-banner.is-info {
    background-color: #ffe5e5;
    border-color: var(--wp--preset--color--custom-rouge);
}

.wc-block-components-notice-banner.is-info>svg {
    background-color: var(--wp--preset--color--custom-rouge);
}

/* CSS Mobile page */

@media (max-width: 900px){
	.bloc-lettre > div{
		flex-direction: column;
		gap: 60px;
	}
	.bloc-lettre figure{
		max-width: 200px;
    	margin: 0 auto 30px auto !important;
	}
}

@media (max-width: 767px){
	.heading-etape-2:before, .heading-etape-1:before, .heading-etape-3:before{
		display: block;
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 12px;
	}
	
	.bloc-tuto{
		flex-direction: column;
	}
	
	.bloc-tuto .wp-container-content-3{
		flex-basis: 0px;
	}
	
	.bloc-tuto-parent{
		padding-top: 60px !important;
        padding-bottom: 60px !important;
	}
}

@media (max-width: 480px){
	.bloc-lettre .wp-block-media-text__content{
		padding: 0;
	}
}