/**
 * @file
 * Subtheme specific CSS — Structure & Typography
 * Couleurs gérées dans colors.css
 */

@font-face {
  font-family: 'Idealy';
  src: url('../fonts/portcreb.ttf') format('truetype');
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.view-header,
.navbar-brand {
  font-family: 'Idealy', sans-serif;
}
blockquote {
    margin: 0 1rem 1rem 3rem;
    font-style: italic;
    text-align: justify;
}
.views-exposed-form .js-form-type-select {
    display: -webkit-inline-box;
}
.views-exposed-form .js-form-type-select > label {
    display: inline-block;
    padding-top: 7px;
    padding-right: 7px;
}
.views-exposed-form .form-actions {
    margin-left: 4em;
}

/* ========== NAVBAR ========== */

.navbar-brand {
  font-size: xxx-large;
  font-weight: bolder;
}

.navbar-brand img {
  height: 80px;
  padding-left: 50px;
  padding-right: 20px;
}

/* ========== MENU PRINCIPAL — AMÉLIORATIONS VISUELLES ========== */

/* Espacement entre les items du menu */
.nav-item {
  margin: 0 5px;
}

/* Style des liens de menu */
.nav-link {
  padding: 10px 15px;
  border-radius: 5px;
  transition: all 0.3s ease;
}

/* Survol du menu principal — ombre + agrandissement subtil */
.nav-item:hover .nav-link {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Style des dropdowns */
.dropdown-menu {
  margin-top: 10px;
  border: 1px solid var(--ap-green);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 10px 0;
}

.dropdown-item {
  padding: 8px 20px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.dropdown-item:hover {
  transform: translateX(4px);
}

/* ========== MESSAGES ========== */

.alert {
  margin-top: 15px;
}

/* ========== TABLES ========== */

table.sticky-header thead {
  position: static;
}

/* ========== VIEWS — SITES EXISTANTS ========== */

.views-view-responsive-grid__item {
  border: solid 2px var(--ap-green);
  border-radius: 5px;
  padding: 15px;
}

.views-field-field-image {
  height: 260px;
}

.views-field-field-image img {
  border: solid 1px var(--ap-green);
  border-radius: 5px;
}

.views-field-field-image,
.views-field-title,
.views-field-field-lien-vers-le-site {
  padding-bottom: 10px;
}

/* ========== VIEWS — FAQ ========== */

.view-faq .btn-info {
  float: right;
}

.view-sujets-de-faq {
  margin-top: 5px;
}

/* ========== CONTENT — FAQ ========== */

.field--name-field-document {
  margin-bottom: 20px;
}

/* ========== FOOTER ========== */

footer {
  margin-top: 20px;
}

.site-footer .content {
  text-align: center;
}

/* ========== MOBILE ========== */

@media only screen and (max-width: 600px) {
  .navbar-brand {
    font-size: xx-large;
    font-weight: bolder;
  }

  .navbar-brand img {
    height: 50px;
    padding-left: 10px;
    padding-right: 5px;
  }

  .nav-item {
    padding-left: 10px;
    margin: 0 2px;
  }

  .nav-link {
    padding: 8px 10px;
    font-size: 0.9rem;
  }
}