/* =============================================
   COMPLIANZ COOKIE BANNER OVERRIDES
   Custom styling for KochajSie.pl branding
   ============================================= */

/* Positioning Override - Bottom Right */
#cmplz-cookiebanner-container {
     position: fixed !important;
     bottom: 20px !important;
     right: 20px !important;
     left: auto !important;
     top: auto !important;
     transform: none !important;
     z-index: 999999 !important;
     display: flex !important;
     align-items: flex-end !important;
     justify-content: flex-end !important;
     pointer-events: none !important; /* Allow clicking through container */
}

/* Main Container Override */
#cmplz-cookiebanner-container .cmplz-cookiebanner {
     background-color: #201014 !important; /* var(--ink) */
     color: #F5EDE6 !important; /* var(--parch) */
     border: 1px solid #42202A !important; /* var(--ink2) */
     border-radius: var(--r-card, 16px) !important;
     box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
     font-family: var(--sans, 'Jost', sans-serif) !important;
     padding: 24px 20px 20px 20px !important;
     max-width: 360px !important;
     width: calc(100% - 40px) !important;
     pointer-events: auto !important; /* Restore clicks on the banner itself */
     
     position: relative !important;
     bottom: auto !important;
     right: auto !important;
     left: auto !important;
     top: auto !important;
     transform: none !important;
     margin: 0 !important;
     
     max-height: 90vh !important;
     overflow-y: auto !important;
}

/* Title */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title {
     font-family: var(--serif, 'Cormorant Garamond', serif) !important;
     font-size: 18px !important;
     color: #FDF0F2 !important; /* var(--r1) */
     font-weight: 500 !important;
     margin-bottom: 8px !important;
     padding-right: 24px !important; /* Space for close icon */
}

/* Message Text */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message {
     font-size: 12px !important;
     line-height: 1.4 !important;
     color: #EFA8B8 !important; /* var(--r3) */
     margin-bottom: 12px !important;
}

/* Buttons Container */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
     display: flex !important;
     flex-direction: column !important;
     gap: 6px !important;
     margin: 0 !important;
}

/* All Buttons Base */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
     font-family: var(--sans, 'Jost', sans-serif) !important;
     font-size: 11px !important;
     font-weight: 700 !important;
     letter-spacing: .08em !important;
     text-transform: uppercase !important;
     border-radius: var(--r-pill, 100px) !important;
     padding: 10px 16px !important;
     transition: all .25s !important;
     border: none !important;
     text-align: center !important;
     justify-content: center !important;
     cursor: pointer !important;
     margin: 0 !important;
}

/* Accept Button (Primary) */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept {
     background-color: #D4566A !important; /* var(--r4) */
     color: #FFFFFF !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover {
     background-color: #B8334A !important; /* var(--r5) */
}

/* Deny / Preferences Buttons (Secondary) */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
     background-color: transparent !important;
     color: #F5EDE6 !important; /* var(--parch) */
     border: 1px solid #7D4250 !important; /* var(--ink3) */
}

/* Subdued hover for deny/preferences */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover {
     border-color: #42202A !important;
     background-color: rgba(66, 32, 42, 0.3) !important;
     color: #EFA8B8 !important;
}

/* Links (Privacy Policy, etc) */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link {
     color: #D4566A !important; /* var(--r4) */
     text-decoration: underline !important;
     font-size: 11px !important;
     font-family: var(--sans, 'Jost', sans-serif) !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link:hover {
     color: #EFA8B8 !important; /* var(--r3) */
}

/* Close Icon (X) */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close {
     position: absolute !important;
     top: 12px !important;
     right: 12px !important;
     width: 24px !important;
     height: 24px !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     background: rgba(0,0,0,0.2) !important;
     border-radius: 50% !important;
     color: #FFFFFF !important;
     fill: #FFFFFF !important;
     opacity: 0.9 !important;
     line-height: 1 !important;
     padding: 0 !important;
     margin: 0 !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close svg {
     width: 12px !important;
     height: 12px !important;
     fill: #FFFFFF !important;
     color: #FFFFFF !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:hover {
     background: rgba(0,0,0,0.5) !important;
     opacity: 1 !important;
}

/* Mobile specific positioning just in case */
@media (max-width: 768px) {
     #cmplz-cookiebanner-container {
          bottom: 16px !important;
          right: 16px !important;
          left: 16px !important;
          width: auto !important;
     }
     #cmplz-cookiebanner-container .cmplz-cookiebanner {
          width: 100% !important;
          max-width: 100% !important;
          padding: 32px 16px 16px 16px !important; /* extra top padding for close icon */
     }
}