/*
Theme Name: Pawprints Blog Child
Theme URI: https://cawpthemes.com/pawprints-blog-free-wordpress-theme/
Template: pawprints-blog
Author: CA WP Themes
Author URI: https://cawpthemes.com/
Description: Welcome to PawPrints Blog, the ultimate WordPress theme designed specifically for animal enthusiasts, pet lovers, and wildlife advocates. Whether you're passionate about dogs, cats, birds, or exotic creatures, PawPrints Blog provides the perfect platform to share your love for animals with the world.
Tags: one-column,two-columns,three-columns,four-columns,grid-layout,custom-background,custom-logo,custom-menu,custom-header,editor-style,featured-images,footer-widgets,sticky-post,full-width-template,theme-options,translation-ready,threaded-comments,blog,photography
Version: 1.4.8.1764722655
Updated: 2025-12-03 00:44:15

*/
@media (min-width: 1200px) {
   h1 {
    font-size: 2.1rem !important;
  }
  h2 {
    font-size: 1.8rem !important;
  }
   h3 {
    font-size: 1.55rem  !important;
  }
   h4 {
    font-size: 1.3rem  !important;
  }
}
.Main-footer {
    text-align: center;     
}

.Main-footer .site-footer p {
    margin: 0;
    padding: 10px 0;        
}
.Main-footer footer {
  font-size: 16px;
  margin-top: 40px;
  padding: 10px;
}

/* === VARIABLES CSS === */
:root {
    --primary-color: #996f23;
    --primary-light: #c49a4f;
    --primary-dark: #6b4e19;
    --accent-color: #e8b84d;
    --bg-light: #fff8ed;
    --bg-card: #fffbf5;
    --text-color: #333;
    --border-radius: 12px;
    --shadow: 0 4px 15px rgba(153, 111, 35, 0.1);
    --shadow-hover: 0 6px 25px rgba(153, 111, 35, 0.2);
}

/* === TITRES / HEADINGS === */
h1.wp-block-heading {
    color: var(--primary-color);
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
    line-height: 1.3;
}

h1.wp-block-heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 5px;
    background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
    border-radius: 10px;
    animation: slideIn 0.8s ease-out;
}

h2.wp-block-heading {
    color: var(--primary-dark);
    position: relative;
    padding-left: 43px;
    margin-top: 25px;
    margin-bottom: 20px;
    line-height: 1.4;
}

h2.wp-block-heading::before {
    content: '🐾';
    position: absolute;
    left: 0;
    top: 0;
    animation: bounce 2s infinite;
}

h3.wp-block-heading {
    color: var(--primary-color);
    position: relative;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 1.4;
}

h3.wp-block-heading::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 60%;
    background: var(--accent-color);
    border-radius: 4px;
}

h4.wp-block-heading {
    color: var(--primary-light);
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}


/* === LISTES STYLISÉES === */

/* Liste principale - styled-list */
.styled-list {
    list-style: none;
    padding-left: 0;
    margin: 20px 0;
}

.styled-list li {
    position: relative;
    padding: 15px 15px 15px 45px;
    margin-bottom: 12px;
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-light) 100%);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    border: 2px solid var(--accent-color);
}

.styled-list li::before {
    content: '✓';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 19px;
    background: var(--primary-color);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 15px;
}

.styled-list li:hover {
    transform: translateX(5px);
    box-shadow: var(--shadow-hover);
}

/* Liste variante 1 - styled-list-1 */
.styled-list-1 {
    list-style: none;
    padding-left: 0;
    margin: 20px 0;
}

.styled-list-1 li {
    position: relative;
    padding: 12px 15px 12px 45px;
    margin-bottom: 10px;
    background: var(--bg-card);
    border-radius: 25px;
    border: 2px solid var(--accent-color);
    transition: all 0.3s ease;
}

.styled-list-1 li::before {
    content: '🌱';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

.styled-list-1 li:hover {
    background: var(--bg-light);
    border-color: var(--primary-color);
    padding-left: 50px;
}

/* Liste variante 2 - styled-list-2 */
.styled-list-2 {
    list-style: none;
    padding-left: 0;
    margin: 25px 0;
    display: grid;
    gap: 15px;
}

.styled-list-2 li {
    position: relative;
    padding: 15px 20px 15px 55px;
    background: white;
    box-shadow: var(--shadow);
    border-left: 2px solid var(--primary-light);
    transition: all 0.3s ease;
}

.styled-list-2 li::before {
    content: '⚠';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: var(--primary-color);
}

.styled-list-2 li:hover {
    transform: scale(1.02);
    box-shadow: var(--shadow-hover);
}

/* Liste numérotée - numered-list */
.numered-list {
    list-style: none;
    counter-reset: step-counter;
    padding-left: 0;
    margin: 20px 0;
}

.numered-list li {
    position: relative;
    padding: 12px 15px 12px 55px;
    margin-bottom: 13px;
    background: var(--bg-card);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    counter-increment: step-counter;
    transition: all 0.3s ease;
}

.numered-list li::before {
    content: counter(step-counter);
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 15px;
    box-shadow: 0 2px 8px rgba(153, 111, 35, 0.3);
}

.numered-list li:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-hover);
}

/* === BLOCS DE CONTENU === */

/* Block-s (style 1) */
.block-s {
    margin: 15px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.block-s::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(232, 184, 77, 0.1) 0%, transparent 70%);
    border-radius: 50%;
}

.block-s h3 {
    margin-top: 0;
    color: var(--primary-color);
}

/* Block-v (style 2) */
.block-v {
    background: white;
    padding: 15px;
    margin: 20px 0;
    border: 2px solid var(--accent-color);
    box-shadow: var(--shadow);
    position: relative;
    transition: all 0.3s ease;
}
.block-v h3 {
    margin-top: 0;
    color: var(--primary-dark);
}

/* === PARAGRAPHES === */
.entry-content p {
    line-height: 1.8;
    margin-bottom: 20px;
    color: var(--text-color);
}

.entry-content em {
    color: var(--primary-color);
    font-style: italic;
    font-weight: 500;
}

/* === IMAGES === */
.wp-block-image {
    margin: 40px 0;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
}

.wp-block-image img {
    border-radius: var(--border-radius);
    transition: all 0.3s ease;
}

/* === ANIMATIONS === */
@keyframes slideIn {
    from {
        width: 0;
        opacity: 0;
    }
    to {
        width: 100px;
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
    .styled-list li,
    .styled-list-1 li,
    .styled-list-2 li,
    .numered-list li {
        padding-left: 45px;
    }
    
    .block-s,
    .block-v {
        padding: 0px;
    }
    
    h2.wp-block-heading {
        padding-left: 39px;
    }
    
    h1.wp-block-heading::after {
        width: 60px;
    }
  .entry-content {
  font-size: 17px !important;
}
  .numered-list li::before {
  left: 8px;
  }
}

/* === EFFET D'ENTRÉE === */
.styled-list li,
.styled-list-1 li,
.styled-list-2 li,
.numered-list li,
.block-s,
.block-v {
    animation: fadeInUp 0.6s ease-out backwards;
}

.styled-list li:nth-child(1),
.styled-list-1 li:nth-child(1),
.styled-list-2 li:nth-child(1),
.numered-list li:nth-child(1) {
    animation-delay: 0.1s;
}

.styled-list li:nth-child(2),
.styled-list-1 li:nth-child(2),
.styled-list-2 li:nth-child(2),
.numered-list li:nth-child(2) {
    animation-delay: 0.2s;
}

.styled-list li:nth-child(3),
.styled-list-1 li:nth-child(3),
.styled-list-2 li:nth-child(3),
.numered-list li:nth-child(3) {
    animation-delay: 0.3s;
}

.styled-list li:nth-child(4),
.styled-list-1 li:nth-child(4),
.styled-list-2 li:nth-child(4),
.numered-list li:nth-child(4) {
    animation-delay: 0.4s;
}

.styled-list li:nth-child(5),
.styled-list-1 li:nth-child(5),
.styled-list-2 li:nth-child(5),
.numered-list li:nth-child(5) {
    animation-delay: 0.5s;
}

/* === AMÉLIORATION DE LA LISIBILITÉ === */
.entry-content {
    animation: fadeInUp 0.8s ease-out;
}

/* === AJUSTEMENTS FINAUX === */
.block-s .wp-block-group__inner-container,
.block-v .wp-block-group__inner-container {
    position: relative;
    z-index: 1;
}