.elementor-9218 .elementor-element.elementor-element-47bb0ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:100px;--padding-right:100px;}.elementor-9218 .elementor-element.elementor-element-47bb0ef:not(.elementor-motion-effects-element-type-background), .elementor-9218 .elementor-element.elementor-element-47bb0ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9b4f238 );}.elementor-9218 .elementor-element.elementor-element-47bb0ef.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-9218 .elementor-element.elementor-element-47bb0ef{--width:88.685%;}}@media(max-width:1024px){.elementor-9218 .elementor-element.elementor-element-47bb0ef{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:60px;--padding-left:50px;--padding-right:50px;}}@media(max-width:767px){.elementor-9218 .elementor-element.elementor-element-47bb0ef{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:45px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-17cbef0 *//* General Affiliate Area Styling */
.affiliate-area {
  background: #ffffff !important;
  padding: 30px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
  max-width: 1200px !important;
  margin: 20px auto !important;
}

/* Headings */
.affiliate-area h2 {
  color: #2B3467 !important;
  font-size: 28px !important;
  margin-bottom: 20px !important;
  border-bottom: 2px solid #EB455F !important;
  padding-bottom: 10px !important;
}

/* Stats Boxes */
.affiliate-dashboard-tab-stat {
  background: #f8f9fa !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  text-align: center !important;
}

/* Buttons */
.affiliate-area a.button {
  background: #2B3467 !important;
  color: white !important;
  border-radius: 25px !important;
  padding: 12px 25px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  display: inline-block !important;
  margin: 5px !important;
}
.affiliate-area a.button:hover {
  background: #EB455F !important;
  transform: translateY(-2px) !important;
}

/* Tables */
.affiliate-area table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 20px !important;
}
.affiliate-area table th,
.affiliate-area table td {
  padding: 12px !important;
  border: 1px solid #e0e0e0 !important;
  text-align: left !important;
}
.affiliate-area table th {
  background: #2B3467 !important;
  color: white !important;
}

/* Referral URL Box */
.affiliate-referral-url {
  background: #f8f9fa !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}
.affiliate-referral-url input {
  width: 100% !important;
  padding: 10px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 25px !important;
  margin-top: 10px !important;
}

/* Creative Materials */
.affiliate-creatives {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 20px !important;
}
.affiliate-creatives .creative {
  background: #f8f9fa !important;
  border-radius: 12px !important;
  padding: 20px !important;
  text-align: center !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* Logout Link */
.affiliate-logout {
  text-align: center !important;
  margin-top: 30px !important;
}
.affiliate-logout a {
  color: #EB455F !important;
  text-decoration: none !important;
  font-weight: bold !important;
}
.affiliate-logout a:hover {
  text-decoration: underline !important;
}/* End custom CSS */