/*!
Theme Name: ACAP
Theme URI: https://acap.local
Description: Thème Bootstrap 5 pour ACAP
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.3
Author: ACAP
Author URI: https://acap.local
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: acap
Domain Path: /languages
*/

:root {
  /* Surcharger Bootstrap */
  --bs-body-bg: #115441;
  --bs-body-color: #FFFFFF;

  /* Couleurs primaires */
  --color-white: #FFFFFF;
  --color-primary-yellow: #D9F85D;
  --color-primary-green: #A1BF35;
  --color-primary-dark: #115441;
  --color-accent-red: #9C100F;
  --color-secondary-dark: #063326;
  --color-light-beige: #E5EBCD;
  --color-light-gray: #F8F3F3;

  /* Couleurs secondaires */
  --color-teal: #135B65;
  --color-dark-red: #6B0D0D;
  --color-bright-red: #F01E1D;

  /* Grid */
  --grid-columns: 12;
  --grid-width: 1140px;
  --grid-gutter: 20px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  font-family: 'Montserrat', sans-serif;
  color: var(--color-white);
  line-height: 1.6;
  background-color: var(--color-secondary-dark);
}

p {
  font-size: 14px;
}

.font18 {
  font-size: 18px;
  line-height: 1.3;
}

a {
  color: var(--color-primary-yellow);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--color-primary-green);
}

/* Grille personnalisée */
.container {
  width: 100%;
  max-width: var(--grid-width);
  margin: 0 auto;
  padding: 0 calc(var(--grid-gutter) / 2);
}

.row {
  display: flex;
  margin: 0 calc(var(--grid-gutter) / -2);
  flex-wrap: wrap;
}

.col {
  flex: 0 0 calc(100% / var(--grid-columns));
  padding: 0 calc(var(--grid-gutter) / 2);
}

/* Responsive */
@media (max-width: 768px) {
  .col {
    flex: 0 0 calc(100% / 2);
  }

  .col-mobile-12 {
    flex: 0 0 100%;
  }
}

@media (max-width: 480px) {
  .col {
    flex: 0 0 100%;
  }
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: var(--color-secondary-dark);
  margin-bottom: 1rem;
}

h1 { font-size: 42px; font-style: italic; }
h2 { font-size: 30px; font-weight: 600; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

/* Buttons */
.btn {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.btn-primary {
  background-color: var(--color-primary-yellow);
  color: var(--color-secondary-dark);
}

.btn-primary:hover {
  background-color: var(--color-primary-green);
  color: var(--color-white);
}

.btn-secondary {
  background-color: var(--color-primary-dark);
  color: var(--color-white);
}

.btn-secondary:hover {
  background-color: var(--color-accent-red);
}

/* WP Classes */
.wp-block-button__link {
  padding: 12px 24px !important;
}

.wp-block-image {
  margin: 1.5rem 0;
}

.wp-block-image img {
  max-width: 100%;
  height: auto;
}