/* ============================================================
   Cookie Consent Banner — Falegnameria Facchetti Giancarlo
   GDPR / ePrivacy compliant
   ============================================================ */

#ff-cookie-banner {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 99999;
   background: #1a1a1a;
   color: #f0f0f0;
   padding: 20px 24px;
   font-family: 'Poppins', sans-serif;
   font-size: 14px;
   line-height: 1.6;
   box-shadow: 0 -4px 20px rgba(0,0,0,0.4);
   display: none;
}

#ff-cookie-banner.ff-visible {
   display: block;
}

#ff-cookie-banner .ff-cookie-inner {
   max-width: 1170px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 16px;
}

#ff-cookie-banner .ff-cookie-text {
   flex: 1 1 300px;
}

#ff-cookie-banner .ff-cookie-text a {
   color: #6dcff6;
   text-decoration: underline;
}

#ff-cookie-banner .ff-cookie-text a:hover {
   color: #fff;
}

#ff-cookie-banner .ff-cookie-actions {
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
   flex-shrink: 0;
}

.ff-btn-accept {
   background: #6dcff6;
   color: #1a1a1a !important;
   border: none;
   border-radius: 4px;
   padding: 10px 22px;
   font-size: 14px;
   font-weight: 700;
   cursor: pointer;
   transition: background 0.2s;
   white-space: nowrap;
}

.ff-btn-accept:hover {
   background: #4bb8e8;
}

.ff-btn-reject {
   background: transparent;
   color: #f0f0f0 !important;
   border: 1px solid #888;
   border-radius: 4px;
   padding: 10px 22px;
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
   transition: all 0.2s;
   white-space: nowrap;
}

.ff-btn-reject:hover {
   border-color: #f0f0f0;
   color: #fff !important;
}

.ff-btn-settings {
   background: transparent;
   color: #aaa !important;
   border: none;
   padding: 10px 12px;
   font-size: 13px;
   cursor: pointer;
   text-decoration: underline;
   white-space: nowrap;
}

.ff-btn-settings:hover {
   color: #f0f0f0 !important;
}

/* Link per riaprire le preferenze cookie (nel footer) */
#ff-cookie-reopen {
   cursor: pointer;
   text-decoration: underline;
}

/* Pannello preferenze avanzate */
#ff-cookie-panel {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 100000;
   background: #fff;
   color: #333;
   padding: 30px 24px;
   font-family: 'Poppins', sans-serif;
   font-size: 14px;
   box-shadow: 0 -4px 30px rgba(0,0,0,0.3);
   display: none;
   max-height: 80vh;
   overflow-y: auto;
}

#ff-cookie-panel.ff-visible {
   display: block;
}

#ff-cookie-panel h3 {
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 16px;
   color: #1a1a1a;
}

#ff-cookie-panel .ff-cookie-category {
   border: 1px solid #e0e0e0;
   border-radius: 4px;
   padding: 16px;
   margin-bottom: 12px;
   display: flex;
   align-items: flex-start;
   gap: 16px;
}

#ff-cookie-panel .ff-cat-label {
   font-weight: 600;
   font-size: 15px;
   margin-bottom: 4px;
}

#ff-cookie-panel .ff-cat-desc {
   font-size: 13px;
   color: #666;
}

#ff-cookie-panel .ff-cat-toggle {
   flex-shrink: 0;
   margin-top: 2px;
}

#ff-cookie-panel .ff-panel-actions {
   display: flex;
   gap: 10px;
   margin-top: 20px;
   flex-wrap: wrap;
}

@media (max-width: 575px) {
   #ff-cookie-banner .ff-cookie-actions {
      width: 100%;
   }
   .ff-btn-accept, .ff-btn-reject {
      flex: 1;
      text-align: center;
   }
}