/*
Theme Name:   Pixel Clients
Theme URI:    https://qodeinteractive.com/qi-theme
Description:  Pixel Clients child theme
Author:       WordPress.org
Author URI:   https://wordpress.org/
Template:     astra
Version:      1.0.0
Text Domain:  astra
*/


/* Brand colors */
:root{
  --pc-yellow:#F5B400;
  --pc-black:#111111;
  --pc-light:#F7F7F7;
  --pc-accent:#FFD34D;
}

/* Example button style */
.pc-btn{
  background:var(--pc-yellow);
  color:#000;
  font-weight:700;
  padding:12px 22px;
  border-radius:12px;
  text-decoration:none;
}

.pc-btn:hover{
  background:var(--pc-accent);
}


/* PixelClients UI Effects for Astra + Elementor */
:root{
  --pc-yellow:#F5B400;
  --pc-yellow-hover:#FFD34D;
  --pc-black:#111111;
  --pc-bg:#F7F7F7;
  --pc-shadow:0 14px 30px rgba(0,0,0,.10);
  --pc-shadow-hover:0 20px 40px rgba(0,0,0,.16);
}

.elementor-button,
.elementor-widget-button .elementor-button,
.elementor-image img,
.elementor-widget-image img,
.elementor-widget-heading,
.elementor-widget-text-editor,
.elementor-column,
.elementor-section,
.elementor-widget-wrap,
.ast-button,
button,
a{
  transition: all .25s ease;
}

.elementor-widget-button .elementor-button,
.ast-button,
button,
input[type="button"],
input[type="submit"]{
  border-radius:16px !important;
  font-weight:700 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.08);
  transform:translateY(0);
}

.elementor-widget-button .elementor-button:hover,
.ast-button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(0,0,0,.14);
  filter:brightness(1.02);
}

.elementor-widget-button .elementor-button.elementor-size-md:hover,
.elementor-widget-button .elementor-button.elementor-size-lg:hover{
  box-shadow:0 18px 34px rgba(245,180,0,.28);
}

.elementor-button[style*="#111111"]:hover,
.elementor-button[style*="17, 17, 17"]:hover{
  background:#000 !important;
}

.elementor-section:hover .elementor-column > .elementor-element-populated,
.elementor-column:hover .elementor-widget-wrap{
  transform:translateY(-2px);
}

.pixelclients-card,
.pixelclients-feature-card,
.pixelclients-price-card{
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--pc-shadow);
  transition:transform .25s ease, box-shadow .25s ease;
}

.pixelclients-card:hover,
.pixelclients-feature-card:hover,
.pixelclients-price-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--pc-shadow-hover);
}

.elementor-widget-image img{
  border-radius:18px;
}

.elementor-widget-image img:hover{
  transform:scale(1.015);
}

.elementor-heading-title{
  letter-spacing:-0.02em;
}

footer a:hover,
.site-footer a:hover{
  color:var(--pc-yellow) !important;
}

.main-header-menu a,
.ast-builder-menu a{
  position:relative;
}

.main-header-menu a:after,
.ast-builder-menu a:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-4px;
  width:0;
  height:2px;
  background:var(--pc-yellow);
  transition:width .22s ease;
}

.main-header-menu a:hover:after,
.ast-builder-menu a:hover:after{
  width:100%;
}

.pixelclients-pricing .elementor-column:hover .elementor-widget-wrap{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(0,0,0,.14);
}

.pixelclients-cta{
  box-shadow:0 18px 36px rgba(245,180,0,.18);
}

@media (max-width: 767px){
  .elementor-widget-button .elementor-button,
  .ast-button{
    width:100%;
  }
}