/*
 Theme Name: GeneratePress Child
 Theme URI: https://yourwebsite.com/
 Description: Child theme for GeneratePress
 Author: Ajay
 Author URI: https://yourwebsite.com/
 Template: generatepress
 Version: 1.0.0
 Text Domain: generatepress-child
*/

/* ---------- GP PUSH POPUP ---------- */
#gp-push-popup-wrap {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999999;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.4);
}

#gp-push-popup {
    background: #fff;
    border-radius: 12px;
    max-width: 360px;
    width: 90%;
    box-shadow: 0 20px 50px rgba(0,0,0,0.25);
    opacity: 0;
    transform: translateY(20px) scale(0.98);
    transition: all 250ms ease;
    position: relative;
    overflow: hidden;
}

#gp-push-popup.gp-show {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.gp-content {
    display: flex;
    gap: 15px;
    padding: 20px;
}

.gp-left { width: 60px; display:flex; align-items:center; justify-content:center; }
.gp-icon { font-size: 32px; }

.gp-right { flex:1; }
.gp-title { font-size: 18px; font-weight:700; margin:0 0 8px; color:#111; }
.gp-desc { font-size: 14px; margin:0 0 12px; color:#555; }
.gp-actions { display:flex; gap:8px; margin-bottom:8px; }
.gp-btn { border-radius:8px; border:none; padding:10px 14px; cursor:pointer; font-weight:600; }
.gp-allow { background:#2ecc71; color:#fff; flex:1; }
.gp-later { background:transparent; border:1px solid #ddd; flex:1; color:#333; }
.gp-small { font-size:12px; color:#777; margin:0; }

.gp-close { position:absolute; top:10px; right:10px; font-size:16px; cursor:pointer; border:none; background:transparent; color:#555; }

@media(max-width:480px){
    #gp-push-popup { width: 95%; border-radius:12px 12px 0 0; }
    .gp-content { flex-direction: column; gap:12px; }
    .gp-left { width: 100%; }
    .gp-icon { font-size:28px; }
    .gp-title { font-size:16px; }
    .gp-desc { font-size:13px; }
}

/* Dark mode */
@media(prefers-color-scheme: dark){
    #gp-push-popup { background:#111; color:#e6eef8; box-shadow:0 20px 50px rgba(0,0,0,0.6); }
    .gp-desc { color:#cbd5e1; }
    .gp-later { border-color:rgba(255,255,255,0.15); color:#e6eef8; }
}

@media(max-width:480px){
    #gp-push-popup { width: 95%; border-radius:12px 12px 0 0; }
    .gp-content { flex-direction: column; gap:12px; } /* buttons ke liye flex column avoid kiya */
    .gp-left { width: 100%; display:flex; justify-content:center; }
    .gp-icon { font-size:28px; }
    .gp-right { width: 100%; text-align: center; } /* TEXT CENTER ALIGN */
    .gp-title { font-size:16px; margin-bottom:6px; }
    .gp-desc { font-size:13px; margin-bottom:12px; }
    .gp-small { text-align: center; width: 100%; margin-top:6px; }

    .gp-actions { flex-direction: row; gap:8px; width: 100%; justify-content:center; } /* buttons side by side */
    .gp-allow, .gp-later { width: auto; text-align: center; flex: 1; }
}