/* 
Theme Name: Dog Faculty
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Dog Faculty is a child theme of Hello Elementor, created by Mixit7 team
Author: Mixit7
Author URI: https://www.mixit7.com/
Template: hello-elementor
Version: 2.1.0
Text Domain: dogfaculty
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* Start Boutons style */
.bouton-hover-vert,
.bouton-hover-white,
.bouton-hover-orange,
#bouton-hover-orange{
    position: relative;
    display: inline-block;
}

/* Pseudo-élément pour le cadre */
.bouton-hover-vert::after,
.bouton-hover-white::after,
.bouton-hover-orange::after,
#bouton-hover-orange::after{
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    transform: rotate(0deg);
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}
.bouton-hover-orange::after,
#bouton-hover-orange::after {
    border: 4px solid #ff9966; /* Couleur outline */
}
.bouton-hover-vert::after {
    border: 4px solid #657A5B; /* Couleur outline */
}
.bouton-hover-white::after {
    border: 4px solid #fff; /* Couleur outline */
}
/* Effet au hover */
.bouton-hover-vert:hover::after,
.bouton-hover-white:hover::after,
#bouton-hover-orange:hover::after,
.bouton-hover-orange:hover::after {
    transform: rotate(5deg);
    opacity: 1;
}
/* End Boutons style */

/* start accueil style */

.container-vert-rec-blanc {
    position: relative;
    background-color: #657A5B; /* ton vert */
    padding: 40px;
    color: white;
    overflow: visible;
}

/* Rectangle outline */
.container-vert-rec-blanc::after {
   content: "";
    position: absolute;
    top: 15px;
    left: 20px;
    width: calc(99% - 20px);
    height: calc(99% + 20px);
    border: 2px solid white;
    transform: rotate(6deg);
    pointer-events: none;
}
.bloc-contact-cta-df {
    position: relative;
    overflow: visible;
}

/* Rectangle blanc incliné */
.bloc-contact-cta-df::after {
    content: "";
    position: absolute;
    top: 10px;
    left: auto;
    width: calc(99% - 20px);
    height: calc(100% - 20px);
    border: 2px solid white;
    transform: rotate(3deg);
    pointer-events: none;
}


/* End accueil style */

/* start Articles style */
.df-article-content h2{
	font-size: 24px !important;
    color: #657A5B !important; 
	font-weight: 600;
}
.df-article-content a{
    color: #657A5B !important; 
}
ul.post-tags {
    list-style: none;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
li.post-tag-item {
    background: #FBF7F4;
    padding: 3px 14px;
}
li.post-tag-item a {
   color: #000;
}
.sidebar-titles-articles:hover .elementor-icon-list-text{
	color: #EA5B0C !important;
}
.actus-loop-grid .page-numbers{
	color: #fff;
    background: #EA5B0C;
    padding: 5px 15px;
}
.actus-loop-grid .page-numbers.current{
	color: #9d9d9d;
    background: #FBF7F4;
    padding: 5px 15px;
}
/* End Articles style */

/* Start responsive */

@media screen and (min-width: 1440px) {
    .bloc-contact-cta-df::after {
        left: auto;
        width: calc(99% - 20px);
    }
}
@media screen and (min-width: 1920px) {
    .bloc-contact-cta-df::after {
        left: auto;
        width: calc(90% - 20px);
    }
}
@media screen and (min-width: 2000px) {
    .bloc-contact-cta-df::after {
        left: auto;
        width: calc(70% - 20px);
    }
}
@media screen and (max-width: 1024px) {
    .bloc-contact-cta-df::after {
        top: -4px;
		height: calc(100% + 20px);
    }
	.container-vert-rec-blanc::after {
		top: 15px;
		left: 2px;
		width: calc(100%);
		height: calc(99% + 20px);
		transform: rotate(6deg);
	}
}

@media screen and (max-width: 768px) {
	.container-vert-rec-blanc {
    	padding: 10% 6% 10% 6% !important;
	}
}

@media(max-width: 425px) {
    .bloc-contact-cta-df::after {
        top: -8px;
        height: calc(100% + 20px);
        left: -10px;
        transform: rotate(7deg);
        width: calc(100% - 20px);
    }
	.container-vert-rec-blanc::after {
    left: 11px;
    width: 0;
    height: 0;
    transform: rotate(9deg);
    opacity: 0.3;
	}
}

/* End responsive */

/* WooCommerce checkout - tidy inline CGV box only */
.woocommerce-checkout .woocommerce-terms-and-conditions {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 16px;
  max-height: 280px; /* adjust to taste */
  overflow: auto;
}

/* Adjust spacing for H3 only inside the inline CGV box */
.woocommerce-checkout .woocommerce-terms-and-conditions h3 {
  margin-top: 1.2em;
  margin-bottom: .4em;
}


/* Typography reset inside the box */
.woocommerce-checkout .woocommerce-terms-and-conditions h1,
.woocommerce-checkout .woocommerce-terms-and-conditions h2,
.woocommerce-checkout .woocommerce-terms-and-conditions h3 {
  font-size: 18px;
  line-height: 1.3;
  margin: 0 0 .6em;
  font-weight: 600;
}
.woocommerce-checkout .woocommerce-terms-and-conditions p,
.woocommerce-checkout .woocommerce-terms-and-conditions li {
  font-size: 14px;
  line-height: 1.6;
}
.woocommerce-checkout .woocommerce-terms-and-conditions p { margin: 0 0 .8em; }
.woocommerce-checkout .woocommerce-terms-and-conditions ul,
.woocommerce-checkout .woocommerce-terms-and-conditions ol { margin: 0 0 .8em 1.2em; }

/* Optional - shrink the big hero if your CGV page has one */
.woocommerce-checkout .woocommerce-terms-and-conditions .elementor-section:first-child {
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-checkout .woocommerce-terms-and-conditions img { max-width: 100%; height: auto; }

/* Montserrat inside inline CGV box */
.woocommerce-checkout .woocommerce-terms-and-conditions {
  font-family: "Montserrat", sans-serif;
}
.woocommerce-checkout .woocommerce-terms-and-conditions h1,
.woocommerce-checkout .woocommerce-terms-and-conditions h2,
.woocommerce-checkout .woocommerce-terms-and-conditions h3,
.woocommerce-checkout .woocommerce-terms-and-conditions p,
.woocommerce-checkout .woocommerce-terms-and-conditions li {
  font-family: "Montserrat", sans-serif;
}