@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500&display=swap');

/* ----- Conteneur principal ----- */
.gaa-wrapper {
  font-family: 'Google Sans', Roboto, Arial, sans-serif !important;
  color: #202124 !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

/* ----- Bouton PDF ----- */
.gaa-controls {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 16px 0 !important;
}

.gaa-btn {
  padding: 8px 14px !important;
  border: 1px solid #dadce0 !important;
  background: #fff !important;
  border-radius: 8px !important;
  font-family: 'Google Sans', Arial, sans-serif !important;
  font-size: 14px !important;
  color: #3c4043 !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}

.gaa-btn:hover {
  background: #f8f9fa !important;
}

/* ----- Bloc d鈥檃nnonce ----- */
.gaa-ad {
  border-bottom: 1px solid #ebebeb !important;
  padding: 20px 0 !important;
}

.gaa-url::before {
  content: "Annonce - " !important;
  color: #5f6368 !important;
}

.gaa-url {
  color: #1a0dab !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin: 0 0 2px !important;
}

.gaa-url .phone {
  color: #5f6368 !important;
  margin-left: 8px !important;
}

.gaa-title {
  color: #1a0dab !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  margin: 4px 0px 6px 0px !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}

.gaa-title:hover {
  text-decoration: underline !important;
}

.gaa-desc {
  color: #4d5156 !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
  margin: 0 0 6px !important;
  max-width: 600px !important;
}

/* ----- Callouts ----- */
.gaa-callouts-line {
  color: #4d5156 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin: 4px 0 10px !important;
}

/* ----- Sitelinks ----- */
.gaa-sitelinks {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px 24px !important;
  margin-top: 12px !important;
  padding-top: 4px !important;
}

@media (max-width: 640px) {
  .gaa-sitelinks {
    grid-template-columns: 1fr !important;
  }
}

.gaa-sitelink {
  margin: 0 !important;
}

.gaa-sitelink-title {
  color: #1a0dab !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  margin-bottom: 1px !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.gaa-sitelink-title:hover {
  text-decoration: underline !important;
}

.gaa-sitelink-desc {
  color: #4d5156 !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

/* ----- Footer ----- */
.gaa-footer {
  text-align: center !important;
  font-size: 11px !important;
  color: #70757a !important;
  margin-top: 24px !important;
}

/* ----- Impression PDF ----- */
@media print {
  .no-print { display: none !important; }
  .gaa-wrapper { padding: 0 !important; }
  .gaa-ad { page-break-inside: avoid !important; }
}


/* Style pour tableau avec mots-clés */
    .table-2col {
      width: 100%;
      border-collapse: collapse;
    }

    .table-2col td {
      vertical-align: top;
      padding: 50px 0 !important;
    }
    
    /* Première colonne limitée en largeur */
    .table-2col td:first-child {
      max-width: 1000px;       /* 👈 tu peux ajuster cette valeur */
      width: 1000px;           /* aide à stabiliser sur desktop */
    }  
    
        .table-2col td:last-child {
      min-width: 300px;
    } 
    
    /* Responsive : sous 900px, on empile les colonnes */
    @media (max-width: 900px) {
      .table-2col,
      .table-2col tr,
      .table-2col td {
        display: block;
        width: 100%;
      }

      .table-2col td {
        padding: 50px 0 !important;
      }
    }