/*
Theme Name: KYIROV Storefront Lite
Template: storefront
Version: 1.0
*/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family:Inter,Arial,sans-serif;
background:
radial-gradient(circle at top left,rgba(236,72,153,.20),transparent 30%),
radial-gradient(circle at top right,rgba(6,182,212,.20),transparent 35%),
radial-gradient(circle at bottom left,rgba(124,58,237,.16),transparent 38%),
linear-gradient(135deg,#eef2ff,#fdf2f8,#ecfeff,#fff7ed);
color:#4b5563;
overflow-x:hidden;
}

/* 1.5 inch left and right margins */
.site-main,
.kyirov-shop-page,
.kyirov-cart-page,
.checkout-wrap,
.jobs-page,
.remote-jobs-page,
.research-assistant-page,
.development-page,
.ngos-page,
.grants-page,
.donor-page,
.applications-wrap,
.resume-page,
.interview-page{
margin-left:1.5in;
margin-right:1.5in;
}

/* colorful titles */
h1,h2,h3{
background:linear-gradient(135deg,#2563eb,#7c3aed,#ec4899,#06b6d4);
background-size:300% 300%;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
animation:kyirovTextGlow 8s ease infinite;
}

@keyframes kyirovTextGlow{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

/* colorful cards */
.kyirov-card,
.job-card,
.research-card,
.development-card,
.ngos-card,
.grants-card,
.donor-card,
.application-card,
.resume-tip-card,
.interview-card,
.woocommerce ul.products li.product{
background:
linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.74))!important;
border:1px solid rgba(255,255,255,.35)!important;
backdrop-filter:blur(22px);
box-shadow:0 18px 45px rgba(124,58,237,.12)!important;
transition:.35s ease!important;
}

.kyirov-card:hover,
.job-card:hover,
.research-card:hover,
.development-card:hover,
.ngos-card:hover,
.grants-card:hover,
.donor-card:hover,
.application-card:hover,
.resume-tip-card:hover,
.interview-card:hover,
.woocommerce ul.products li.product:hover{
transform:translateY(-10px) scale(1.02);
box-shadow:0 30px 75px rgba(236,72,153,.22)!important;
}

/* colorful buttons */
button,
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.job-btn,
.research-btn,
.dev-btn,
.ngo-btn,
.grants-card a,
.donor-card a,
.development-card a,
.resume-submit,
.interview-buttons a{
border:none!important;
border-radius:999px!important;
font-weight:900!important;
color:white!important;
background:linear-gradient(135deg,#2563eb,#7c3aed,#ec4899,#06b6d4)!important;
background-size:300% 300%!important;
animation:kyirovButtonGlow 8s ease infinite;
transition:.35s ease!important;
}

button:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
transform:translateY(-3px) scale(1.03);
box-shadow:0 20px 50px rgba(236,72,153,.25)!important;
}

@keyframes kyirovButtonGlow{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

/* mobile margins */
@media(max-width:980px){
.site-main,
.kyirov-shop-page,
.kyirov-cart-page,
.checkout-wrap,
.jobs-page,
.remote-jobs-page,
.research-assistant-page,
.development-page,
.ngos-page,
.grants-page,
.donor-page,
.applications-wrap,
.resume-page,
.interview-page{
margin-left:6%;
margin-right:6%;
}
}