/* ========== BASE STYLES ========== */
.member-container {
  max-width: 1500px;
  margin: 2rem auto;
  padding: 1rem;
}

.section-title {
  color: var(--danger-color);
  text-align: center;
  margin-bottom: 2rem;
  padding-bottom: 0.5rem;
  position: relative;
}

.section-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 2px;
  background-color: currentColor;
}

/* ========== MENU STYLES ========== */
.member-menu {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgb(233, 127, 6);
  margin: 1rem 0;
  background: rgb(32, 56, 121);
}

.member-menu ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  background: rgb(255, 173, 191);
}

.member-menu li {
  flex: 1;
  text-align: center;
}

.member-menu a {
  display: block;
  padding: 1rem;
  color: var(--text-color);
  text-decoration: none;
  transition: all 0.3s ease;
}

.member-menu a:hover {
  background: var(--secondary-color);
}

.member-menu .active a {
  background: rgba(229, 233, 3, 0.15);
  color: rgb(229, 233, 3) !important;
  font-weight: bold;
  position: relative;
}

.member-menu .active a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: rgb(229, 233, 3);
  animation: underline 0.3s ease-out;
}

@keyframes underline {
  from { width: 0; }
  to { width: 100%; }
}

/* ========== MODULE CONTAINERS ========== */
.module-container, 
.profile-section,
.gallery-form {
  background: #f8d7da;
  color: #721c24;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  margin-top: 1rem;
}

/* ========== PROFILE SECTION ========== */
.profile-container {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 3rem;
}

.profile-avatar-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.avatar-wrapper {
  position: relative;
  margin-bottom: 1.5rem;
  text-align: center;
}

.avatar-preview {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: cover;
  border: 5px solid rgb(21, 138, 192);
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.avatar-upload-btn {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  background: rgb(44, 231, 175);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.avatar-upload-btn:hover {
  background: #218838;
}

.reputation-badge {
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  background: #f8d7da;
  border-radius: 20px;
  font-weight: bold;
  color: #ffc107;
}

.account-status {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #eee;
  width: 100%;
  text-align: center;
}

/* ========== FORM STYLES ========== */
.profile-form-col {
  padding: 0.5rem;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}

.form-group {
  margin-bottom: 1.5rem;
}

.form-group label,
.form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #495057;
}

.form-group input:not([type="file"]),
.form-group input:not([type="password"]),
.form-input {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid rgb(84, 128, 172);
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out;
}

.form-group input:focus,
.form-input:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-textarea {
  height: 120px;
  resize: vertical;
}

.password-change {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #eee;
}

.password-change h3 {
  margin-bottom: 1.5rem;
  color: #495057;
}

.form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}

.btn-save {
  padding: 0.75rem 2rem;
  background: rgb(202, 42, 56);
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}

.btn-save:hover {
  background: #218838;
}

.form-notice {
  font-size: 0.875rem;
  color: #6c757d;
}

/* ========== RESERVATIONS ========== */
.reservations-module {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.reservations-list,
.reservations-grid {
  display: grid;
  gap: 25px;
  margin-top: 30px;
}

.reservations-grid {
  grid-template-columns: 1fr;
}

.reservation-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  transition: transform 0.2s ease;
}

.reservation-card:hover {
  transform: translateY(-2px);
}

.reservation-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #f4f4f4;
  margin-bottom: 20px;
}

.reservation-date {
  font-size: 1.1em;
  color: #2c3e50;
  font-weight: 500;
}

.reservation-status,
.status {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.85em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.reservation-status.en-cours,
.status--pending {
  background: #fff3cd;
  color: #856404;
}

.reservation-status.acceptée,
.status--approved {
  background: #d4edda;
  color: #155724;
}

.reservation-status.refusée,
.status--rejected {
  background: #f8d7da;
  color: #721c24;
}

.detail-group {
  margin-bottom: 15px;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 8px;
  border-left: 4px solid #4a90e2;
}

.detail-group.price-info {
  border-left-color: #27ae60;
}

.detail-title {
  font-size: 0.9em;
  color: #6c757d;
  margin-bottom: 8px;
}

.total-price {
  font-size: 1.2em;
  letter-spacing: 0.5px;
}
/* Messages module */
.messages-module {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.message-card {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.message-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
    background: #f8f9fa;
}

.message-meta {
    display: flex;
    gap: 15px;
    align-items: center;
}

.message-date {
    color: #6c757d;
    font-size: 0.9em;
}

.message-type {
    background: #e9ecef;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.85em;
}

.message-status {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: 500;
}

.message-status.pending {
    background: #fff3cd;
    color: #856404;
}

.message-status.replied {
    background: #d4edda;
    color: #155724;
}

.message-content {
    padding: 15px;
}

.original-message,
.admin-response {
    margin-bottom: 15px;
}

.admin-response {
    padding: 15px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #4a90e2;
}

.admin-response h4 {
    color: #2c3e50;
    margin-top: 0;
}

.no-messages {
    text-align: center;
    padding: 40px;
    color: #6c757d;
}
/* ========== TABLES ========== */
.table-responsive {
  overflow-x: auto;
}

.reservation-table {
  width: 100%;
  border-collapse: collapse;
  background: #f8d7da;
  color: #721c24;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.reservation-table th,
.reservation-table td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #dee2e6;
}

.reservation-table th {
  background-color: var(--secondary-color);
  font-weight: 600;
}

.reservation-table tbody tr:last-child td {
  border-bottom: 0;
}

/* ========== EXPERIENCES ========== */
.experiences-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
}

.experience-card {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}

.experience-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.experience-content {
  padding: 1rem;
}

/* ========== BUTTONS ========== */
.btn {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

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

.btn-primary:hover {
  opacity: 0.9;
}

.btn-loader {
  display: none;
  width: 1rem;
  height: 1rem;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin-left: 0.5rem;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.is-loading .btn-text {
  visibility: hidden;
}

.is-loading .btn-loader {
  display: inline-block;
}

/* ========== ALERTS ========== */
.alert {
  padding: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 4px;
}

.alert-success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.alert-danger {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

/* ========== UTILITY CLASSES ========== */
.text-success { color: #28a745; }
.text-warning { color: #ffc107; }

.no-results {
  text-align: center;
  padding: 40px;
  color: #6c757d;
  font-size: 1.1em;
  border: 2px dashed #dee2e6;
  border-radius: 12px;
  margin: 30px 0;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
  .profile-container {
    grid-template-columns: 1fr;
  }
  
  .form-row {
    grid-template-columns: 1fr;
  }
  
  .reservation-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  
  .reservation-date {
    font-size: 1em;
  }
  
  .reservation-status {
    align-self: flex-start;
  }
  
  .detail-group {
    padding: 12px;
  }
  
  .member-menu .active a {
    border-left: 4px solid rgb(229, 233, 3);
    border-bottom: none;
  }
}

@media (min-width: 768px) {
  .reservations-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 468px) {
  .profile-container {
    grid-template-columns: 1fr;
  }
  
  .form-row {
    grid-template-columns: 1fr;
  }
}
.ami-menu-wrapper{background:#2c3e50;padding:10px 0;position:relative;z-index:1000;width:100%;box-shadow:0 4px 12px rgba(0,0,0,0.15);}.ami-menu-mobile-toggle{display:block;background:#eeb531;color:#2c3e50;border:none;padding:14px 20px;border-radius:8px;cursor:pointer;font-weight:700;margin:0 auto 12px;width:92%;text-align:center;font-size:16px;transition:all .3s ease;}.ami-menu-mobile-toggle:hover{background:#ffd05a;transform:translateY(-2px);}.ami-menu-nav-container{display:none;width:100%;padding:0 4%;}.ami-menu-nav-container.active{display:block;}.ami-menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}.ami-menu-list-item{width:100%;box-sizing:border-box;}.ami-menu-link{display:block;color:white;text-decoration:none;padding:14px 18px;font-size:16px;border-radius:8px;transition:all .3s ease;text-align:center;background:rgba(255,255,255,.1);font-weight:500;}.ami-menu-link:hover{background:rgba(255,255,255,.2);transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.1);}.ami-auth-form{display:flex;flex-direction:column;gap:12px;width:100%;padding:15px;background:rgba(255,255,255,.05);border-radius:8px;margin-top:8px;}.ami-form-input{padding:12px 15px;border:none;border-radius:8px;font-size:15px;width:100%;box-sizing:border-box;background:rgba(255,255,255,.9);}.ami-form-button{background:#eeb531;color:#2c3e50;border:none;padding:12px 18px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s;font-size:15px;width:100%;}.ami-form-button:hover{background:#ffd05a;transform:translateY(-2px);}.ami-user-section{color:white;display:flex;flex-direction:column;gap:12px;width:100%;padding:15px;background:rgba(255,255,255,.1);border-radius:8px;}.ami-user-link{color:#eeb531 !important;text-decoration:none;padding:10px 0;transition:all .3s;font-weight:500;text-align:center;border-bottom:1px solid rgba(238,181,49,.3);}.ami-user-link:hover{color:#ffd05a !important;text-decoration:underline;}.ami-language-switcher{padding:15px 4%;width:100%;box-sizing:border-box;}.ami-language-select{width:100%;padding:12px 15px;border-radius:8px;border:none;background:white;color:#2c3e50;font-size:15px;cursor:pointer;}@media(min-width:992px){.ami-menu-mobile-toggle{display:none;}.ami-menu-nav-container{display:block;padding:0 0%;max-width: 60%; margin-left: 20%;margin-right: 20%;}.ami-menu-list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px;}.ami-menu-list-item{width:auto;}.ami-menu-link{padding:3px 5px;font-size:10px;}.ami-auth-form{flex-direction:row;align-items:center;padding:6px;gap:8px;}.ami-form-input{width:180px;padding:5px 8px;}.ami-form-button{width:auto;padding:6px 10px;}.ami-user-section{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:5px 7px;}.ami-user-link{padding:0 6px;border-bottom:none;border-right:1px solid rgba(238,181,49,.3);}.ami-user-link:last-child{border-right:none;}.ami-language-switcher{border-right:1px solid rgba(238,181,49,.3);width:auto;padding:0 15px;position:absolute;left:20px;top:80%;background:#2c3e50;transform:translateY(-50%);}.ami-language-select{width:auto;min-width:150px;}}
    /* Seulement les styles critiques pour le LCP */
    body{background:rgb(49,191,238);margin:0;padding:0}
    .lcp-image{width:100%;height:auto;display:block}
body{background:rgb(49,191,238);font-family:'Arial',sans-serif;line-height:1.6;margin:0;padding:0;color:#333;padding-bottom:100px}.left-section{width:100%}
.fixed-footer-menu{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;background-color:rgba(255,255,255,0.95);padding:6px 15px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,0.15);backdrop-filter:blur(5px);border:1px solid rgba(0,0,0,0.1)}
.menu-buttons{display:flex;gap:15px}.menu-btn{width:50px;height:50px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,0.8);transition:all 0.3s ease;cursor:pointer;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.menu-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.2);border-color:#fff}.menu-btn img{width:100%;height:100%;object-fit:cover;filter:brightness(0.95)}@media (max-width:768px){.fixed-footer-menu{bottom:10px;padding:4px 8px}
.menu-btn{width:50px;height:50px}}section{min-height:50vh;padding:10px;scroll-margin-top:20px}#camping{background-color:#f5f9ee}#kayak{background-color:#eef5f9}#vtt{background-color:#f9f5ee}nav{background:#34495e;padding:5px;text-align:center}
nav a{color:#fff;margin:0 15px;text-decoration:none}nav a:hover{text-decoration:underline}.fixed-menu57,.fixed-menu55,
.fixed-menu65{position:fixed;display:flex;justify-content:center;align-items:center;top:-10px;background:#34495e;border-bottom:1px solid #ccc;box-shadow:-2px 0 5px rgba(0,0,0,.1);z-index:1000;font-size:13px}.fixed-menu57{width:10px;max-height:130px;margin-right:100px}
.fixed-menu55,.fixed-menu65{width:100%;max-height:130px}.menu-content57,.menu-content55,.menu-content65{padding:1rem;text-align:center;font-size:13px;top:10px;background:#34495e}.menu-content57{width:60px;max-height:140px;margin-right:100px}
.menu-content55,.menu-content65{width:96%;max-height:140px;flex-direction:column}.menu-content55 h2,.menu-content65 h2,.menu-content55 h3,.menu-content65 h3{margin-top:0;color:#333;cursor:pointer}.menu-content55 h2
,.menu-content65 h2{font-size:15px}.menu-content55 h3,.menu-content65 h3{font-size:12px}.dropdown-menu57,.dropdown-menu55,.dropdown-menu65{list-style:none;padding:0;display:block;background:#34495e}.dropdown-menu57{width:100px;max-height:200px;margin-right:100px}
.dropdown-menu55{max-height:500px}.dropdown-menu65{max-height:200px;overflow-y:auto}.fixed-menu56{display:flex;justify-content:center;align-items:center}input[type="text"],input[type="email"],input[type="password"]{width:160px;padding:8px;box-sizing:border-box;margin-bottom:10px}
input select{width:60px;padding:8px;height:20px;box-sizing:border-box;margin-bottom:10px}@media (max-width:480px) and (orientation:portrait){.fixed-menu55,.fixed-menu65{width:100%!important;left:0!important}.dropdown-menu55,.dropdown-menu65{width:100%!important}
#langSelect{position:relative;top:0;right:0;width:30%;margin:1rem 0;padding:5px;border-radius:5px;width:270px;height:30px;font-size:10px}input[type="text"],input[type="email"],input[type="password"]{width:50px}}.doc-tech-link::before{content:"✅";color:#4CAF50;margin-right:5px}
.history-kayak-link::before{content:"📖";color:#2196F3;margin-right:5px}.advice-link::before{content:"💡";color:#FFC107;margin-right:5px}.kayak-link::before{content:"🛶";color:#008CBA;margin-right:5px}.semois-link::before{content:"🌊";color:#64DD17;margin-right:5px}
.beautiful-image{animation:fadeIn 2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.randomClass{color:#fff;background:rgba(0,0,0,.5);padding:10px;border-radius:5px}.reduced-menu{height:50%;opacity:.7}#langSelect{margin-top:-40px}
.fl-row-content.fl-row-fixed-width.fl-node-content{position:relative;top:30px}.actualite{border:1px solid #ddd;border-radius:5px;padding:1px;margin-bottom:2px;background:#f9f9f9}.actualite img{max-width:100%;height:auto;border-radius:5px}
.actualite h2{margin-top:0;color:#333}.date{color:#666;font-size:.9em;margin-bottom:10px}.lire-plus{display:inline-block;margin-top:10px;color:#06c;text-decoration:none}.lire-plus:hover{text-decoration:underline}
.formulaire{background:#f0f0f0;padding:20px;border-radius:5px;margin-bottom:30px}.formulaire input,.formulaire textarea{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px}
.formulaire button{background:#4CAF50;color:#fff;padding:10px 15px;border:0;border-radius:4px;cursor:pointer}
.formulaire button:hover{background:#45a049}.message,.login-warning{padding:10px;border-radius:4px;margin-bottom:20px}
.message{background:#dff0d8;color:#3c763d}.login-warning{background:#f8d7da;color:#721c24}.floating-social{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;align-items:center;z-index:1000}.floating-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:#fff;font-size:20px;text-decoration:none;margin:8px 0;transition:all .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(0)}.floating-btn:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.3)}.social-share{display:flex;justify-content:center;gap:15px;margin:30px 0;flex-wrap:wrap}.social-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:#fff;font-size:20px;text-decoration:none;transition:transform .3s,box-shadow .3s}.social-btn:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.facebook{background:#3b5998}.twitter{background:#1da1f2}.linkedin{background:#0077b5}.whatsapp{background:#25d366}.email{background:#777}.social-links{margin-top:40px}.links-container{display:flex;flex-direction:column;gap:10px;max-width:500px;margin:0 auto}.social-link{display:flex;align-items:center;padding:12px 20px;border-radius:5px;color:#fff;text-decoration:none;transition:transform .3s,box-shadow .3s}.social-link:hover{transform:translateX(5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.social-link i{margin-right:10px;font-size:20px}.instagram{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d)}.youtube{background:red}@media (max-width:600px){.container{padding:20px}h1{font-size:1.8rem}h2{font-size:1.4rem}.social-btn{width:45px;height:45px;font-size:18px}.social-link{padding:10px 15px}}#activites{padding:4rem 0;background-color:#f9f9f9;position:relative;overflow:hidden}#activites .container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2c3e50;position:relative;padding-bottom:15px}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:rgb(49,238,228)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative}.card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.15)}.card-img{height:200px;background-size:cover;background-position:center;position:relative}.card-img::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.3))}.card-content{padding:1.5rem}.card-title{font-size:1.5rem;margin-bottom:0.75rem;color:#34495e}.card-text{color:#7f8c8d;margin-bottom:1.5rem;line-height:1.6}.btn{display:inline-block;padding:0.6rem 1.5rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease}.btn-outline{border:2px solid rgb(49,200,238);color:rgb(49,238,228);background:transparent}.btn-outline:hover{background:rgb(49,213,238);color:white}.fade-in{opacity:0;animation:fadeIn 0.8s forwards}
.delay-1{animation-delay:0.2s}.delay-2{animation-delay:0.4s}.delay-3{animation-delay:0.6s}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.card-grid{grid-template-columns:1fr}
.section-title{font-size:2rem}.card{max-width:400px;margin:0 auto}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}.section{padding:60px 0}.section-title{text-align:center;font-size:2.2rem;margin-bottom:40px;color:#2c3e50;position:relative}
.section-title:after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:rgb(49,191,238)}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col{flex:1;min-width:300px;padding:0 15px;margin-bottom:30px}
.activity-card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease;height:100%}.activity-card:hover{transform:translateY(-10px)}.card-image{height:200px;background-size:cover;background-position:center;position:relative}
.card-image:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.3))}.card-content{padding:20px}.card-title{font-size:1.5rem;margin:0 0 10px;color:#34495e}.card-text{color:#666;margin-bottom:20px}
.btn{display:inline-block;padding:10px 20px;border-radius:50px;text-decoration:none;font-weight:600;transition:all 0.3s ease}.btn-primary{background:#eeb531;color:white;border:2px solid #eeb531}.btn-primary:hover{background:#d9a028;border-color:#d9a028}
.btn-outline{border:2px solid #eeb531;color:#eeb531;background:transparent}.btn-outline:hover{background:#eeb531;color:white}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:30px}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}footer{background:#2c3e50;color:white;padding:40px 0;text-align:center}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.footer-links a{color:white;margin:0 15px;text-decoration:none}.copyright{font-size:0.9rem;opacity:0.8}.fl-row{background-color:#2c3e50;padding:2rem 0;margin-bottom:2rem}
.fl-row-content{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.info-box{display:flex;flex-wrap:wrap;gap:2rem;width:100%}
@media (max-width:768px){.fl-row-content{flex-direction:column}.nav-info,.news-box{min-width:100%}.buttons{flex-direction:column}.advice-article iframe{height:300px}}
.info-btn{background-color:#3498db;color:white}.reservation-btn{background-color:rgb(67,234,249);color:red;font-weight:bold;text-decoration:underline;font-style:italic}
.news-box{flex:1;min-width:300px;background-color:rgba(255,255,255,0.1);border-radius:8px;padding:1rem;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.news-title{text-align:center;font-size:1.5rem;margin-bottom:1rem;padding-bottom:0.5rem}
.news-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed rgba(255,255,255,0.3)}.news-item:last-child{border-bottom:none}.news-item a:hover{text-decoration:underline}.news-date{font-size:0.8rem;color:#ccc;margin:0.3rem 0}
.news-link{display:inline-block;margin-top:0.5rem;color:#3498db;background-color:white;padding:0.2rem 0.5rem;border-radius:4px;font-size:0.9rem}.buttons{display:flex;gap:1rem;margin-top:1rem}
.buttons- a{display:inline-block;padding:0.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:bold}#player-container{position:fixed;left:20px;bottom:20px;width:260px;background:#111;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.5);z-index:1000;font-family:Arial,sans-serif;overflow:hidden}
.player-header{padding:12px;background:#222;color:#ff5500;display:flex;align-items:center;border-bottom:1px solid #333}.player-header img{width:24px;height:24px;margin-right:10px}#track-info{padding:12px;color:#eee;font-size:14px;min-height:40px}
.controls{display:flex;padding:0 12px 12px;gap:8px}button{background:#ff5500;border:none;color:white;padding:8px 12px;border-radius:4px;cursor:pointer;flex:1}audio{width:100%;margin-top:8px}.loading{color:#aaa;text-align:center;padding:12px;font-size:13px}
.privacy-section{background:#f8fafc;padding:2rem 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin:2rem 0}.privacy-container{max-width:800px;margin:0 auto;padding:0 1rem;position:relative}.privacy-title{color:#2d3748;text-align:center;margin-bottom:1.5rem;font-size:1.5rem}
.privacy-badge{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:1.5rem;color:#3182ce;font-weight:bold}.privacy-list{list-style:none;padding:0;margin:0 auto;max-width:700px}.privacy-item{display:flex;align-items:flex-start;gap:15px;padding:0.8rem 0;border-bottom:1px dashed #e2e8f0}.privacy-icon{color:#3182ce;font-size:1.2rem;margin-top:3px;flex-shrink:0}.privacy-footer{text-align:center;margin-top:1.5rem}.privacy-link{color:#3182ce;text-decoration:none;font-size:0.9rem;transition:color 0.3s}.privacy-link:hover{color:#2c5282;text-decoration:underline}@media (max-width:768px){.privacy-item{flex-direction:column;gap:5px}}
.ami-nav-icon {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 999;
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
border: 3px solid white;
cursor: pointer;
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
transition: all 0.3s ease;
}
.ami-nav-icon:hover {
transform: scale(1.1);
box-shadow: 0 6px 12px rgba(0,0,0,0.4);
}
.ami-nav-popup {
display: none;
position: fixed;
left: 30px;
bottom: 30px;
z-index: 1000;
background: rgba(44, 62, 80, 0.95);
border-radius: 12px;
padding: 15px;
width: 400px;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
border: 2px solid #eeb531;
color: white;
font-size: 14px;
line-height: 1.4;
}
.ami-nav-popup.active {
display: block;
animation: fadeIn 0.3s ease;
}
.ami-popup-title {
font-weight: bold;
margin-bottom: 8px;
color: #eeb531;
font-size: 18px;
}
.ami-popup-date {
font-size: 8px;
color: #aaa;
margin-top: 10px;
text-align: right;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 768px) {
.ami-nav-icon {
width: 50px;
height: 50px;
left: 15px;
bottom: 15px;
}
.ami-nav-popup {
width: 50%;
left: 50%;
bottom: 80px;
transform: translateX(-50%);
}
}