/* Ecube Analytics - shared theme (2026-10-12). Card-based look matching the About page.
   Revert: remove the <link> to css/aib-theme.css from header.php (backup: header.php.bak-20261012-logo). */
:root{--aib-navy:#0a1a5c;--aib-indigo:#3d2ea0;--aib-orange:#f5821f;--aib-gold:#ffb347;--aib-ink:#2b2b40;--aib-soft:#f1eefc;--aib-card-shadow:0 8px 28px rgba(10,26,92,.09)}

/* ---------- page title band ---------- */
section.bstyle{background:linear-gradient(135deg,#f1eefc 0%,#fdf3ea 100%)!important;border-bottom:3px solid var(--aib-orange)}
section.bstyle h4{color:var(--aib-navy);font-weight:700;letter-spacing:.3px}
section.bstyle .breadcrumb{background:transparent}
section.bstyle .breadcrumb a{color:var(--aib-indigo)}

/* ---------- section headings (all pages) ---------- */
.heading-details h4.heading{position:relative;display:inline-block;padding-bottom:14px;color:var(--aib-navy);font-weight:700}
.heading-details h4.heading::after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--aib-orange),var(--aib-gold))}

/* ---------- home: two big entry cards ---------- */
.mini-service-card{background:#fff;border-radius:18px;box-shadow:var(--aib-card-shadow);padding:26px 18px;margin:10px 14px;border-bottom:4px solid var(--aib-orange);transition:transform .25s,box-shadow .25s}
.mini-service-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(10,26,92,.16)}
.mini-service-card .service-icon{width:70px;height:70px;line-height:70px;margin:0 auto 10px;border-radius:50%;background:var(--aib-soft)}
.mini-service-card .service-icon i{font-size:30px}
.mini-service-heading{color:var(--aib-navy)!important;font-weight:700}
.mini-service-card .small-des{color:var(--aib-orange);font-weight:600}

/* ---------- home: category / course cards ---------- */
.services-area .services{border:0!important;padding:10px 12px!important}
.services-area .service-card{background:#fff!important;border-radius:18px;box-shadow:var(--aib-card-shadow);padding:26px 18px!important;border-top:4px solid var(--aib-indigo);transition:transform .25s,box-shadow .25s;height:100%}
.services-area .service-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(10,26,92,.17);border-top-color:var(--aib-orange)}
.services-area .service-card .image-holder img{border-radius:12px}
.services-area .service-card .service-heading{color:var(--aib-navy)!important;font-weight:700;min-height:48px}
.services-area .service-card .btn.web-trans-btn{background:linear-gradient(135deg,var(--aib-orange),#ff9a3d)!important;color:#fff!important;border:0!important;font-weight:600;box-shadow:0 6px 16px rgba(245,130,31,.35)}
.services-area .service-card .btn.web-trans-btn:hover{background:linear-gradient(135deg,var(--aib-indigo),var(--aib-navy))!important}

/* ---------- home: quotes ---------- */
.testimonial-review{background:#fff;border-radius:16px;box-shadow:var(--aib-card-shadow);border-left:6px solid var(--aib-orange);padding:22px 28px}

/* ---------- details / sub-category pages ---------- */
.product-listing .product-listing-heading{background:#fff;border-radius:18px;box-shadow:var(--aib-card-shadow);padding:34px 38px;border-top:5px solid var(--aib-indigo)}
.product-listing .product-listing-heading img{max-width:100%!important;height:auto!important;border-radius:14px;box-shadow:0 6px 22px rgba(10,26,92,.14);margin:12px auto;display:block}
.product-listing .product-listing-heading p,.product-listing .product-listing-heading li{line-height:1.8;color:var(--aib-ink)}
.product-listing .product-listing-heading span{font-family:inherit!important}
.product-listing .product-listing-heading p span,.product-listing .product-listing-heading li span{font-size:17px!important}
.product-listing .product-listing-heading h1,.product-listing .product-listing-heading h2,.product-listing .product-listing-heading h3{color:var(--aib-indigo)}
.product-listing .product-listing-heading h1 span,.product-listing .product-listing-heading h2 span,.product-listing .product-listing-heading h3 span{color:var(--aib-indigo)!important}
.product-listing .product-listing-heading ul,.product-listing .product-listing-heading ol{padding-left:1.4rem}
.product-listing .product-listing-heading li{margin-bottom:6px}
.product-listing .product-listing-heading li::marker{color:var(--aib-orange)}
.product-listing .product-listing-heading a{color:var(--aib-orange);font-weight:600}
.product-listing .product-listing-heading table{border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(10,26,92,.1);max-width:100%}
.product-listing .product-listing-heading table td,.product-listing .product-listing-heading table th{padding:10px 14px;border:1px solid #e4e0f6!important}
.product-listing .product-listing-heading figure{max-width:100%}
.product-filter-nav .filter-heading{color:var(--aib-navy);font-weight:700}

/* topic tiles + section cards (built by js/aib-theme.js) */
.aib-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0 30px}
.aib-tile{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;text-decoration:none!important;background:linear-gradient(135deg,var(--aib-navy),var(--aib-indigo));color:var(--aib-gold)!important;font-weight:700;font-size:15px;line-height:1.3;box-shadow:0 6px 18px rgba(10,26,92,.22);transition:transform .2s,box-shadow .2s}
.aib-tile:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(10,26,92,.32);color:#fff!important}
.aib-tile span:not(.aib-num){color:var(--aib-gold)!important;font-size:15px!important;font-weight:700;text-align:left}
.aib-tile:hover span:not(.aib-num){color:#fff!important}
.product-listing .product-listing-heading .aib-tile{color:var(--aib-gold)!important}
.aib-tile .aib-num{flex:0 0 34px;height:34px;line-height:34px;text-align:center;border-radius:50%;background:var(--aib-orange);color:#fff;font-size:13px;font-weight:700}
.aib-topics-title{text-align:center;color:var(--aib-navy);font-weight:700;margin:6px 0 2px}
.aib-topics-sub{text-align:center;color:var(--aib-orange);font-style:italic;font-weight:600;margin-bottom:6px}
.aib-sec{background:#fff;border-radius:16px;border-left:6px solid var(--aib-orange);box-shadow:var(--aib-card-shadow);padding:22px 28px;margin:22px 0;scroll-margin-top:130px}
.aib-sec:nth-of-type(even){border-left-color:var(--aib-indigo)}
.aib-sec>h2:first-child,.aib-sec>h1:first-child,.aib-sec>h3:first-child{text-align:left!important;margin-top:0;padding-bottom:8px;border-bottom:2px solid #eee}
.aib-sec .aib-top{display:block;text-align:right;font-size:13px;margin-top:8px}
.aib-sec .aib-top a{color:var(--aib-indigo)!important;font-weight:600}
.aib-body-h1{font-size:17px!important;font-weight:400!important;text-align:left!important;line-height:1.8}
html{scroll-behavior:smooth}


/* ---------- portfolio cards ---------- */
.featured-items .featured-item-card{background:#fff;border-radius:18px;box-shadow:var(--aib-card-shadow);border-top:4px solid var(--aib-indigo);overflow:hidden;transition:transform .25s,box-shadow .25s;height:100%}
.featured-items .featured-item-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(10,26,92,.17);border-top-color:var(--aib-orange)}
.featured-items .featured-item-card img{border-radius:12px}
.featured-items .item-detail h4,.featured-items .item-detail h5,.featured-items .item-detail a:not(.btn){color:var(--aib-navy)}
.featured-items .btn.web-btn{background:linear-gradient(135deg,var(--aib-orange),#ff9a3d)!important;border:0!important;color:#fff!important;font-weight:600;box-shadow:0 6px 16px rgba(245,130,31,.35)}
.featured-items .btn.web-btn:hover{background:linear-gradient(135deg,var(--aib-indigo),var(--aib-navy))!important}

/* ---------- contact ---------- */
.contact-sec .contact-card,.contact-info,.contact-details{border-radius:16px}

/* ---------- footer ---------- */
footer.footer-style-1{background:linear-gradient(135deg,var(--aib-navy),#1c1470)!important;border-top:4px solid var(--aib-orange)}
footer.footer-style-1 .company-about,footer.footer-style-1 p{color:#e9e7fb!important}
footer.footer-style-1 .footer-social a{color:var(--aib-gold)!important;transition:color .2s,transform .2s}
footer.footer-style-1 .footer-social a:hover{color:#fff!important;transform:translateY(-3px)}

@media (max-width:767px){
.product-listing .product-listing-heading{padding:20px 16px}
.aib-sec{padding:16px 16px}
.aib-topic-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aib-tile,.service-card,.mini-service-card{transition:none}}

/* Ecube Analytics - blog styling (2026-10-12). Merges into css/aib-theme.css at deploy. */
.aib-article{background:#fff;border-radius:18px;box-shadow:0 8px 28px rgba(10,26,92,.09);border-top:5px solid #3d2ea0;overflow:hidden}
.aib-article .aib-cover{display:block;width:100%;height:auto}
.aib-article-inner{padding:30px 38px 34px}
.aib-meta{font-size:13px;color:#6b6b85;margin-bottom:10px}
.aib-meta a{color:#f5821f;font-weight:600}
.aib-title{color:#0a1a5c;font-weight:700;font-size:30px;line-height:1.3;margin:0 0 6px}

.aib-post{color:#2b2b40;font-size:17px;line-height:1.85}
.aib-post p,.aib-post li{font-size:17px;line-height:1.85;color:#2b2b40;text-align:left}
.aib-post h3{color:#3d2ea0;font-weight:700;font-size:22px;margin:30px 0 10px;padding-bottom:6px;border-bottom:2px solid #eee}
.aib-post code{background:#f1eefc;color:#3d2ea0;padding:2px 7px;border-radius:6px;font-size:.92em}
.aib-kicker{display:inline-block;background:#f1eefc;color:#3d2ea0;font-weight:700;font-size:13px;letter-spacing:.4px;padding:5px 14px;border-radius:999px;margin:0 0 12px}
.aib-lead{font-size:19px!important;line-height:1.75!important;color:#0a1a5c!important;font-weight:500;border-left:6px solid #f5821f;padding:6px 0 6px 18px;margin:8px 0 22px}
.aib-fig{margin:24px 0;padding:14px;background:#fff;border:1px solid #e4e0f6;border-radius:16px;box-shadow:0 6px 22px rgba(10,26,92,.1)}
.aib-fig svg{display:block;width:100%;height:auto}
.aib-fig figcaption{text-align:center;font-size:14px;color:#6b6b85;margin-top:8px;font-style:italic}
.aib-steps{padding-left:0;list-style:none;counter-reset:s}
.aib-steps li{counter-increment:s;position:relative;padding:12px 16px 12px 58px;margin:10px 0;background:#faf9ff;border-radius:12px;border:1px solid #ebe8fa}
.aib-steps li::before{content:counter(s);position:absolute;left:14px;top:12px;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background:#f5821f;color:#fff;font-weight:700;font-size:14px}
.aib-code{background:#0a1a5c;color:#e9e7fb;border-radius:14px;padding:18px 22px;overflow-x:auto;font-size:14px;line-height:1.65;border-left:6px solid #f5821f;margin:16px 0}
.aib-code code{background:transparent;color:inherit;padding:0;font-size:inherit;white-space:pre}
.aib-callout{background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fde1c2;border-left:6px solid #f5821f;border-radius:14px;padding:16px 20px;margin:22px 0}
.aib-takeaways{padding-left:1.3rem}.aib-takeaways li::marker{color:#f5821f}
.aib-next{background:#f1eefc;border-radius:12px;padding:12px 18px;margin:20px 0}
.aib-promo{background:linear-gradient(135deg,#0a1a5c,#3d2ea0);color:#fff;border-radius:14px;padding:16px 22px;margin:26px 0 14px;font-weight:600;font-size:16px;line-height:1.6;border-left:6px solid #ffb347}
.aib-promo a{color:#ffb347;font-weight:700;border-bottom:2px dotted #ffb347;text-decoration:none}
.aib-promo a:hover{color:#fff;border-bottom-color:#fff}
.aib-cta{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 4px}
.aib-btn{display:inline-block;padding:12px 24px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.aib-btn:hover{transform:translateY(-3px)}
.aib-btn-primary{background:linear-gradient(135deg,#f5821f,#ff9a3d);color:#fff!important;box-shadow:0 6px 16px rgba(245,130,31,.35)}
.aib-btn-ghost{background:#fff;color:#3d2ea0!important;border:2px solid #3d2ea0}
.aib-btn-colab{background:#fff;color:#0a1a5c!important;border:2px solid #f5821f}

.aib-prevnext{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:2px solid #eee;font-size:14px}
.aib-prevnext a{color:#3d2ea0;font-weight:600}
.aib-side-card{background:#fff;border-radius:16px;box-shadow:0 8px 28px rgba(10,26,92,.09);padding:20px 22px;margin-bottom:22px;border-top:4px solid #f5821f}
.aib-side-card h5{color:#0a1a5c;font-weight:700;margin-bottom:12px}
.aib-side-card ol,.aib-side-card ul{padding-left:1.1rem;margin:0}
.aib-side-card li{margin-bottom:8px;font-size:14px}
.aib-side-card li.current{font-weight:700;color:#f5821f}
.aib-side-card a{color:#3d2ea0}

/* blog list cards */
.aib-card{background:#fff;border-radius:18px;box-shadow:0 8px 28px rgba(10,26,92,.09);border-top:4px solid #3d2ea0;overflow:hidden;margin-bottom:26px;transition:transform .25s,box-shadow .25s}
.aib-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(10,26,92,.17);border-top-color:#f5821f}
.aib-card img{display:block;width:100%;height:auto}
.aib-card-body{padding:20px 24px 22px}
.aib-card h2{font-size:22px;color:#0a1a5c;margin:6px 0 8px}
.aib-card .aib-meta{margin-bottom:4px}
@media (max-width:767px){.aib-article-inner{padding:20px 16px}.aib-title{font-size:23px}.aib-post p,.aib-post li{font-size:16px}.aib-lead{font-size:17px!important}.aib-btn{width:100%;text-align:center}}