/*
Theme Name: Child Mastermax
Version: 1.0
Description: A child theme of Hello Elementor
Author: admin
Template: hello-elementor
*/

@import url("../hello-elementor/style.css");
@font-face {
    font-family: "General Sans";
    src: url("fonts/GeneralSans-Regular.woff2") format("woff2"),
         url("fonts/GeneralSans-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "General Sans";
    src: url("fonts/GeneralSans-Medium.woff2") format("woff2"),
         url("fonts/GeneralSans-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
p, .wp-block-list li, ol li, .custompage ul li {
	font-family: "General Sans";
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
}
.customul ul li {
	font-family: "General Sans";
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
}
.customtxt {font-family: "General Sans";
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;}
a {
	font-family: "General Sans";
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
}
h2 {
	font-family: "General Sans";
}
/* Add more weights if needed */
.imgbox figure {
    background: linear-gradient(180deg, #E97118 0%, #E4461E 100%);
    padding: 12px;
}


.my-btn a{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
}

.my-btn a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #E97118 0%, #E4461E 100%);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    overflow: hidden;
}
.my-btn a:hover:before, .my-btn a:focus:before, .my-btn a:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    color: #fff !important;
    overflow: hidden;
}
.my-btn:hover span, .my-btn:focus, .my-btn:active {
    color: #fff !important;
    overflow: hidden;
}

#my-btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#my-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #E97118 0%, #E4461E 100%);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    overflow: hidden;
}
#my-btn:hover:before, #my-btn:focus:before, #my-btn:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    color: #fff !important;
    overflow: hidden;
}
#my-btn:hover, #my-btn:focus, #my-btn:active {
    color: #fff !important;
}


.elementor-nav-menu--main li a:after {background-color:#E97118 !important; }

/* Container */
.wp-cat-list{
  display: flex;
  flex-wrap: nowrap;         /* keep them on one line; allow horizontal scroll on small screens */
  gap: 18px;                 /* consistent gap between items */
  align-items: center;
  justify-content: flex-start;
  padding: 8px 6px;
}

/* Each link (item) */
.wp-cat-item{
  flex: 0 0 auto;           /* natural width by default */
  padding: 8px 14px;
  text-decoration: none;
  white-space: nowrap;
  color: rgba(86, 86, 86, 1);
  font-size: 18px;
  line-height: 26px;
  transition: transform .15s ease, background .15s ease;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "General Sans";
}
.wp-cat-item:last-child {padding-right: 0;}

/* Hover/focus */
.wp-cat-item:hover,
.wp-cat-item:focus {
  transform: translateY(-3px);
  color: rgba(86, 86, 86, 1);
}

/* When user requests equal distribution across the row */
.wp-cat-list--equal .wp-cat-item{
  flex: 1 1 0;              /* each item grows/shrinks equally */
  text-align: center;       /* center label inside each equal box */
  min-width: 90px;          /* prevents items from getting too small on narrow screens */
}

/* Optional: make the container look nicer on large widths when using equal distribution */
.wp-cat-list--equal{
  justify-content: space-between; /* distribute space across the row */
  gap: 12px;                       /* small gap between equal boxes */
}

/* Responsive: let items wrap on very small screens (instead of being tiny) */
@media (max-width: 767px){
  .wp-cat-list{
    display: block; /* keeps single-line and allows horizontal scroll; if you'd rather wrap set to wrap */
    overflow-x: auto;
  }
  /* If you prefer wrapping on very small screens, uncomment below and comment out the line above:
  .wp-cat-list{ flex-wrap: wrap; gap: 10px; }
  */
}

/* Small utility for empty state */
.wp-cat-empty{
  color: #666;
  font-size: 14px;
  padding: 6px 0;
}

.elementor-pagination .page-numbers {background: linear-gradient(180deg, #E97118 0%, #E4461E 100%);padding: 12px 30px;color: #fff;font-family: "General Sans";border-radius:50px;font-size:16px;line-height:26px;font-weight: 600;}
.elementor-pagination .page-numbers:hover {background-image: linear-gradient(to right, #E97118, #E4461E, #E97118, #E4461E);}
.tags .elementor-post-info__terms-list a{background:#f2f2f2;padding: 12px 30px;color: #fff;font-family: "General Sans";border-radius:50px;font-size:16px;line-height:26px;font-weight: 600;margin-bottom: 20px;}
.tags .elementor-post-info__terms-list {display: flex !important;flex-direction: row;flex-wrap: wrap;align-content: center;align-items: center;justify-content: flex-start;}
.elementor-post-navigation__link__prev, .elementor-post-navigation__link__next {background: linear-gradient(180deg, #E97118 0%, #E4461E 100%);padding: 12px 30px;color: #fff;font-family: "General Sans";border-radius:50px;font-size:16px;line-height:26px;font-weight: 600;} 
.elementor-post-navigation__link__prev:hover, .elementor-post-navigation__link__next:hover{background-image: linear-gradient(to right, #E97118, #E4461E, #E97118, #E4461E);}

#comments #submit {margin-top: 50px; background: linear-gradient(180deg, #E97118 0%, #E4461E 100%);padding: 12px 30px;color: #fff;font-family: "General Sans";border-radius:50px;font-size:16px;line-height:26px;font-weight: 600;}
#comments #submit:hover {background-image: linear-gradient(to right, #E97118, #E4461E, #E97118, #E4461E);}
#comments input[type="text"], #comments input[type="email"], #comments input[type="url"], #comments textarea {border-radius: 20px;border-color: #e2e2e2;}
#comments label {margin-bottom: 10px;color: #565656;}
.comment-notes span {color: #565656;}
#comments a {color: #E97118 !important; }

.custom-recent-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.crp-item {
    display: flex;
    gap: 15px;
    align-items: center;
}

.crp-thumb img {
    width: 100% !important;
    height: 80px !important;
    object-fit: cover;
    border-radius: 6px;
}

.crp-content .crp-title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #565656;
    text-decoration: none;
    line-height: 1.3;
    font-family: "General Sans";
}

.crp-content .crp-title:hover {
    color: #0073aa;
}

.crp-date {
    display: block;
    font-size: 14px;
    margin-top: 4px;
    color: #565656;
    font-family: "General Sans";
}


.custom-categories-list ul {
    margin: 0;
    padding-left: 18px; /* bullet spacing */
}

.custom-categories-list li {
    margin-bottom: 10px;
    list-style: disc;
}

.custom-categories-list li a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
}

.custom-ccategories-list li a:hover {
    color: #0073aa;
}


.custom-tags-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.custom-tags-box .tag-item {
    background: #f0f0f0;
    padding: 8px 14px;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    display: inline-block;
    white-space: nowrap;
    transition: background 0.2s ease;
}

.custom-tags-box .tag-item:hover {
    background: #e0e0e0;
}


.elementor-products-grid ul.products.elementor-grid li.product {border:1px solid #E97118;background: #f5f7fd;}
.elementor-products-grid ul.products.elementor-grid li.product .woocommerce-loop-product__title {padding: 15px 15px 0 15px;text-align: center;color: #565656;font-size: 20px;line-height: 28px;font-weight: 500;}
.elementor-products-grid ul.products.elementor-grid li.product .product_type_simple {display: flex;margin: 0 0 20px 0;background: no-repeat;justify-content: center;flex-direction: row;flex-wrap: nowrap;color: rgba(86, 86, 86, 1);font-weight: 500;font-size: 15px;text-transform: uppercase;}

/* Base underline (hidden) */
ul.products li.product .btn-text {
    position: relative;
    display: inline-block;
    padding-bottom: 7px;
}

ul.products li.product .btn-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background: #e77218;
    transition: width 0.35s ease-out;
}

/* Only animate underline on the hovered product */

.woocommerce nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul {border: none !important;padding: 15px 6px;}
ul.products li.product:hover .btn-text::after {
    width: 100%;
}

/* Pagination Wrapper */
.woocommerce-pagination ul.page-numbers {
    display: flex;
    gap: 8px;
}

/* Page numbers (links) */
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
    display: inline-block !important;
    padding: 10px 15px !important;
    border-radius: 50px; /* round shape */
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(90deg, rgba(233,113,24,1), rgba(228,70,30,1));
    transition: all 0.35s ease;
    height: 50px;
    width: 50px;
    line-height: 27px !important;
    font-size: 20px !important;
}

/* Hover effect: reverse gradient */
.woocommerce-pagination ul.page-numbers li a:hover {
    background-image: linear-gradient(to right, #E97118, #E4461E, #E97118, #E4461E) !important;
    color: #fff !important;
}

/* Current (active) page */
.woocommerce-pagination ul.page-numbers li span.current {
    background: #565656 !important;
    color: #fff !important;
    font-weight: 600;
    cursor: default;

}


.woo-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woo-category-list li {
    margin: 15px 0;
}

.woo-category-list li a {
    text-decoration: none;
    color: #565656;
    font-weight: 700;
	text-transform:uppercase;
}

.woo-category-list li.active a,.woo-category-list li a:hover  {
    color: rgba(233, 113, 24, 1); /* highlight color */
}
.eael-advanced-menu-indicator {top: 22px !important;}
.elementor-post__title a:hover {color: #E97118 !important;}

@media screen and (max-width: 991px) {
.my-btn a, #my-btn {font-size: 20px !important;line-height: 28px !important;padding: 10px !important;}
}

@media screen and (max-width: 767px) {

p {
    font-size: 16px;
    line-height: 24px;
}
.customtxt {
	font-size: 16px;
	line-height: 24px;
}
a {
    font-size: 16px;
    line-height: 24px;
}
h2 {
    font-size: 24px !important;
    line-height: 32px !important;
}
.customul ul li {
	font-size: 16px;
	line-height: 24px;
}
}