/* Theme Name: Auntri Child Theme
Theme URI: https://themeforest.net/user/ovatheme/portfolio
Description: This is child theme of auntri
Author: Ovatheme
Author URI: https://themeforest.net/user/ovatheme
Template: auntri
Version: 1.0.0
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain:  auntri-child
*/

/* Popup overlay */
#cpop-overlay{position:fixed;inset:0;background:rgba(7,11,20,0.55);display:none;align-items:center;justify-content:center;z-index:99999;backdrop-filter:blur(4px);}

/* Popup card */
#cpop{width:clamp(300px,72vw,980px);max-width:980px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,0.96),rgba(250,250,252,0.96));box-shadow:0 20px 60px rgba(8,12,25,0.5);display:grid;grid-template-columns:1fr 420px;overflow:hidden;transform:translateY(10px) scale(.98);opacity:0;transition:transform .34s cubic-bezier(.2,.9,.3,1),opacity .28s ease;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;}

/* show */
#cpop-overlay.show{display:flex;}
#cpop-overlay.show #cpop{transform:translateY(0) scale(1);opacity:1;}

/* Left content (image) */
#cpop .cpop-img{background:linear-gradient(135deg,rgba(98,102,241,0.08),rgba(255,173,96,0.06));display:flex;align-items:center;justify-content:center;min-height:220px;padding:18px;}
#cpop .cpop-img img{width:100%;height:auto;max-height:360px;object-fit:cover;border-radius:10px;box-shadow:0 8px 24px rgba(14,20,40,0.12);}

/* Right content (text + CTA) */
#cpop .cpop-body{padding:28px;display:flex;flex-direction:column;gap:12px;justify-content:center;}
#cpop .cpop-heading{font-size: 24px;line-height:1.05;font-weight:700;color:#0e1724;margin:0;}
#cpop .cpop-desc{color:#394a5a;font-size: 20px;line-height:1.45;margin-bottom: 18px;}

/* CTA button */
#cpop .cpop-cta{display:inline-flex;gap:12px;align-items:center;background:linear-gradient(90deg,#5b6cff,#7ad0ff);color:white;border:none;padding:12px 18px;border-radius:10px;font-weight:600;cursor:pointer;text-decoration:none;box-shadow:0 10px 30px rgba(91,108,255,0.18);transition:transform .12s ease,box-shadow .12s ease;width:max-content;}
#cpop .cpop-cta:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(91,108,255,0.18);}

/* Small link style */
#cpop .cpop-secondary{font-size:13px;color:#5b6cff;text-decoration:none;margin-top:6px;}

/* Close button (X) */
#cpop .cpop-close{position:absolute;right:16px;top:14px;background:transparent;border:none;padding:6px;cursor:pointer;border-radius:8px;transition:background .12s ease;color:#334;}
#cpop .cpop-close:hover{background:rgba(0,0,0,0.06);}

/* Responsive */
@media (max-width:1199px){
#cpop{grid-template-columns:1fr;padding:0;}
#cpop .cpop-img{min-height:180px;}
#cpop .cpop-body{padding:18px;}
#cpop .cpop-close{right: 0px;top: 0px;background-color: #ffffff;padding: 5px 5px 3px 6px;}
#cpop .cpop-desc {margin: 0px;line-height: 1.1;}
#cpop .cpop-close svg {width: 23px;height: 24px;}
#cpop-overlay.show #cpop {max-width: 580px;width: 90%;}
#cpop .cpop-img img {max-height: 100%;}
}