/* WayToCare Cookie Banner v1.0 */
.wtc-cookie-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:999999;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s}
.wtc-cookie-overlay.active{opacity:1;visibility:visible}
.wtc-cookie-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);overflow:hidden;width:90%;max-width:480px;transform:translateY(20px) scale(0.95);transition:transform 0.3s}
.wtc-cookie-overlay.active .wtc-cookie-modal{transform:translateY(0) scale(1)}
.wtc-cookie-header{background:linear-gradient(135deg,#2d6da3 0%,#4a9bd9 100%);padding:20px 24px;display:flex;align-items:center;gap:16px}
.wtc-cookie-icon{width:48px;height:48px;background:rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wtc-cookie-icon svg{width:28px;height:28px;fill:#fff}
.wtc-cookie-title{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 4px 0}
.wtc-cookie-subtitle{color:rgba(255,255,255,0.85);font-size:0.875rem;margin:0}
.wtc-cookie-body{padding:24px}
.wtc-cookie-description{color:#4b5563;font-size:0.875rem;line-height:1.6;margin:0 0 24px 0}
.wtc-cookie-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.wtc-cookie-option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f9fafb;border-radius:10px;cursor:pointer;transition:background-color 0.2s}
.wtc-cookie-option:hover{background:#f3f4f6}
.wtc-cookie-option.essential{cursor:default}
.wtc-cookie-option-info{display:flex;align-items:center;gap:12px}
.wtc-cookie-option-icon{width:24px;height:24px;flex-shrink:0}
.wtc-cookie-option-icon.essential{color:#16a34a}
.wtc-cookie-option-icon.analytics{color:#2563eb}
.wtc-cookie-option-icon.marketing{color:#9333ea}
.wtc-cookie-option-text{display:flex;flex-direction:column}
.wtc-cookie-option-name{font-weight:600;font-size:0.875rem;color:#111827}
.wtc-cookie-option-desc{font-size:0.75rem;color:#6b7280;margin-top:2px}
.wtc-cookie-badge{font-size:0.75rem;font-weight:600;color:#16a34a;background:#dcfce7;padding:4px 10px;border-radius:6px;white-space:nowrap}
.wtc-cookie-checkbox{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;appearance:none;-webkit-appearance:none;background:#fff;transition:all 0.2s;flex-shrink:0}
.wtc-cookie-checkbox:checked{background:#4a9bd9;border-color:#4a9bd9;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:14px}
.wtc-cookie-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(74,155,217,0.3)}
.wtc-cookie-privacy{font-size:0.75rem;color:#6b7280;margin:0}
.wtc-cookie-privacy a{color:#4a9bd9;text-decoration:none}
.wtc-cookie-privacy a:hover{text-decoration:underline}
.wtc-cookie-footer{padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px}
.wtc-cookie-btn{flex:1;min-width:120px;padding:12px 16px;font-size:0.875rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all 0.2s;border:none;text-align:center}
.wtc-cookie-btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}
.wtc-cookie-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}
.wtc-cookie-btn-primary{background:#4a9bd9;color:#fff}
.wtc-cookie-btn-primary:hover{background:#3a8bc9}
@media(max-width:480px){
.wtc-cookie-modal{width:95%;margin:16px}
.wtc-cookie-header{padding:16px 20px}
.wtc-cookie-body{padding:20px}
.wtc-cookie-footer{padding:16px 20px;flex-direction:column}
.wtc-cookie-btn{width:100%}
}

/* Fix SVG sizes */
.wtc-cookie-option-icon svg{width:24px;height:24px}
.wtc-cookie-modal svg{max-width:48px;max-height:48px}