/**
 * CoreBusiness.ro - Module Extensions CSS v5.0
 * Google Reviews, Calendar Integration, Push Notifications, Export
 * Append to style.css
 */

/* ==================== GOOGLE REVIEWS WIDGET ==================== */
.google-reviews-widget{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1.5px solid var(--border);margin:2rem 0}
.grw-header{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);flex-wrap:wrap}
.grw-header .btn{margin-left:auto}
.grw-rating{font-size:1.5rem;font-weight:800;color:var(--text)}
.grw-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}
.grw-item{padding:1rem;background:var(--bg-light);border-radius:12px}
.grw-author{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}
.grw-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}
.grw-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.grw-date{font-size:.75rem;color:var(--text-secondary)}
.grw-stars{margin-left:auto;font-size:.9rem}
.grw-text{font-size:.88rem;line-height:1.6;color:var(--text-secondary);margin:0}

/* Google Badge (compact) */
.google-badge{display:inline-flex;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:.8rem 1.2rem;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.google-badge-inner{display:flex;align-items:center;gap:.6rem}
.google-badge-score{display:flex;align-items:center;gap:.3rem}
.google-badge-score strong{font-size:1.1rem}
.google-badge small{font-size:.75rem;color:var(--text-secondary)}

/* ==================== CALENDAR POPUP ==================== */
.calendar-popup{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}
.calendar-popup.visible{opacity:1}
.calendar-popup-inner{background:#fff;border-radius:16px;padding:2rem;max-width:340px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.2);position:relative}
.calendar-popup-inner h4{margin-bottom:1.2rem;font-size:1.1rem}
.calendar-opt{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1.5px solid var(--border);border-radius:10px;margin-bottom:.6rem;text-decoration:none;color:var(--text);font-size:.9rem;transition:.2s;cursor:pointer;background:transparent;width:100%;text-align:left}
.calendar-opt:hover{border-color:var(--primary);background:rgba(232,68,58,.03)}
.calendar-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-secondary);padding:.3rem}

/* ==================== PUSH NOTIFICATION BUTTON ==================== */
.push-subscribe-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:1.5px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:.85rem;cursor:pointer;transition:.2s}
.push-subscribe-btn:hover{border-color:var(--primary);color:var(--primary)}
.push-subscribe-btn.subscribed{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.3);color:#16a34a;cursor:default}

/* ==================== EXPORT BUTTON ==================== */
.export-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:.2s}
.export-btn:hover{border-color:var(--accent);color:var(--accent)}

/* ==================== INVOICE PRINT STYLES ==================== */
@media print{
    .site-header,.site-footer,.chat-widget,.main-nav,.header-actions,.whatsapp-float,.scroll-progress,.cookie-banner{display:none!important}
    body{background:#fff!important;color:#000!important}
    .invoice-container{max-width:100%;padding:0;box-shadow:none;border:none}
}

/* ==================== A/B TEST VARIANT TRANSITIONS ==================== */
[data-ab-variant]{transition:opacity .3s ease}

/* ==================== EMAIL CAMPAIGN PREVIEW ==================== */
.email-preview{max-width:600px;margin:0 auto;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}
.email-preview-header{background:var(--dark);color:#fff;padding:1.5rem;text-align:center}
.email-preview-body{padding:1.5rem}
.email-preview-footer{padding:1rem;text-align:center;font-size:.75rem;color:var(--text-secondary);border-top:1px solid var(--border)}

/* ==================== DARK MODE ADDITIONS ==================== */
.dark-mode .google-reviews-widget,.dark-mode .google-badge{background:var(--dark-card);border-color:var(--dark-border)}
.dark-mode .grw-item{background:rgba(255,255,255,.03)}
.dark-mode .calendar-popup-inner{background:var(--dark-card)}
.dark-mode .calendar-opt{border-color:var(--dark-border);color:var(--dark-text)}
.dark-mode .calendar-opt:hover{background:rgba(232,68,58,.1)}
.dark-mode .push-subscribe-btn,.dark-mode .export-btn{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text)}

/* ==================== RESPONSIVE ==================== */
@media(max-width:768px){
    .grw-header{flex-direction:column;text-align:center}
    .grw-header .btn{margin:0 auto}
    .calendar-popup-inner{padding:1.5rem}
}