astra

/* Hide page title on homepage */
.page-id-328 .entry-title,
.page-id-328 .ast-archive-description,
.page-id-328 header.entry-header { display: none !important; }

/* Full width homepage */
.page-id-328 .ast-container { max-width: 100% !important; padding: 0 !important; }
.page-id-328 #primary { width: 100% !important; margin: 0 !important; }

/* Homepage styles */
.pcw-home * { box-sizing: border-box; }
.pcw-home { font-family: -apple-system, BlinkMacSystemFont, « Segoe UI », Roboto, sans-serif; color: #2c3e50; max-width: 1200px; margin: 0 auto; padding: 0 20px; }

.pcw-hero { background: linear-gradient(135deg, #1a6b5a 0%, #2d9b8a 50%, #3cb4a0 100%); color: #fff; border-radius: 16px; padding: 60px 50px; margin: 30px 0; text-align: center; position: relative; overflow: hidden; }
.pcw-hero::before { content: «  »; position: absolute; top: -50%; right: -20%; width: 400px; height: 400px; background: rgba(255,255,255,0.05); border-radius: 50%; }
.pcw-hero h1 { font-size: 2.4em; margin: 0 0 15px 0; font-weight: 700; letter-spacing: -0.5px; }
.pcw-hero .pcw-subtitle { font-size: 1.15em; opacity: 0.92; max-width: 700px; margin: 0 auto; line-height: 1.6; }

.pcw-disclaimer-banner { background: #fef9e7; border: 2px solid #f0c040; border-radius: 12px; padding: 25px 30px; margin: 30px 0; }
.pcw-disclaimer-banner h3 { color: #856404; margin: 0 0 12px 0; font-size: 1.15em; }
.pcw-disclaimer-banner p { color: #5a4e1a; margin: 0 0 8px 0; line-height: 1.6; font-size: 0.95em; }
.pcw-disclaimer-banner strong { color: #6b5300; }

.pcw-info { display: flex; gap: 30px; margin: 40px 0; flex-wrap: wrap; }
.pcw-info-card { flex: 1; min-width: 280px; background: #f8fffe; border: 1px solid #e0f0ed; border-radius: 12px; padding: 30px; text-align: center; }
.pcw-info-card .pcw-icon { font-size: 2.5em; margin-bottom: 15px; }
.pcw-info-card h3 { color: #1a6b5a; margin: 0 0 10px 0; font-size: 1.15em; }
.pcw-info-card p { color: #5a6b68; font-size: 0.92em; line-height: 1.6; margin: 0; }

.pcw-mission { background: linear-gradient(135deg, #f0faf8 0%, #e8f5f1 100%); border-radius: 12px; padding: 40px; margin: 40px 0; text-align: center; }
.pcw-mission h2 { color: #1a6b5a; margin: 0 0 20px 0; font-size: 1.6em; }
.pcw-mission p { max-width: 800px; margin: 0 auto 15px auto; line-height: 1.7; color: #3a5a52; font-size: 1.02em; }

.pcw-categories { margin: 50px 0; }
.pcw-categories h2 { text-align: center; color: #1a6b5a; font-size: 1.6em; margin: 0 0 30px 0; }
.pcw-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.pcw-cat-card { background: #fff; border: 1px solid #e0ece9; border-radius: 12px; padding: 25px; text-align: center; transition: transform 0.2s, box-shadow 0.2s; }
.pcw-cat-card:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(26,107,90,0.12); }
.pcw-cat-card .pcw-cat-icon { font-size: 2.2em; margin-bottom: 12px; }
.pcw-cat-card h3 { color: #1a6b5a; margin: 0 0 8px 0; font-size: 1.05em; }
.pcw-cat-card p { color: #6b8a83; font-size: 0.88em; margin: 0; }
.pcw-cat-card a { text-decoration: none; color: inherit; }

.pcw-prevention { background: linear-gradient(135deg, #1a6b5a, #2d9b8a); color: #fff; border-radius: 12px; padding: 40px; margin: 40px 0; }
.pcw-prevention h2 { margin: 0 0 20px 0; font-size: 1.4em; text-align: center; }
.pcw-prevention-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 20px; }
.pcw-prevention-item { background: rgba(255,255,255,0.1); border-radius: 10px; padding: 20px; }
.pcw-prevention-item h4 { margin: 0 0 8px 0; font-size: 1em; }
.pcw-prevention-item p { margin: 0; font-size: 0.9em; opacity: 0.9; line-height: 1.5; }

.pcw-warning { background: #2c3e50; color: #fff; border-radius: 12px; padding: 30px; margin: 40px 0; }
.pcw-warning h3 { color: #f0c040; margin: 0 0 15px 0; font-size: 1.15em; }
.pcw-warning p { margin: 0 0 10px 0; line-height: 1.6; font-size: 0.93em; opacity: 0.9; }
.pcw-warning .pcw-emergency { background: rgba(255,255,255,0.1); border-radius: 8px; padding: 12px 18px; margin-top: 15px; display: inline-block; }
.pcw-warning .pcw-emergency span { margin-right: 25px; font-weight: 600; }

.pcw-faq { margin: 40px 0; }
.pcw-faq h2 { text-align: center; color: #1a6b5a; font-size: 1.4em; margin: 0 0 25px 0; }
.pcw-faq-item { background: #f8fffe; border: 1px solid #e0f0ed; border-radius: 10px; padding: 20px 25px; margin-bottom: 12px; }
.pcw-faq-item h4 { color: #1a6b5a; margin: 0 0 8px 0; font-size: 1em; }
.pcw-faq-item p { color: #5a6b68; margin: 0; line-height: 1.6; font-size: 0.93em; }

@media (max-width: 768px) {
.pcw-hero { padding: 40px 25px; }
.pcw-hero h1 { font-size: 1.7em; }
.pcw-info { flex-direction: column; }
.pcw-cat-grid { grid-template-columns: repeat(2, 1fr); }
.pcw-prevention-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.pcw-hero h1 { font-size: 1.4em; }
.pcw-cat-grid { grid-template-columns: 1fr; }
.pcw-home { padding: 0 12px; }
}

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Retour en haut