/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Global */

p { margin: 0px !important; }

:root {
	--porto-body-bg: #FFF6DB !important;
}

.cart-popup .button.checkout:hover, html .btn-v-dark:hover {
  color: #fff !important;
}

.cart-popup .button.checkout, html .btn-v-dark {
  color: #fff !important;
}

/* footer */

.a_footer_menu .mega-menu > li.menu-item > a{
    color:#fff;
}

.a_footer_menu .mega-menu > li.menu-item > a:hover{
    color:#F15122;
}

/* header */

#header.sticky-header .header-main.sticky { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25); }


/* mobile menu */

#side-nav-panel .accordion-menu > li.menu-item > a {
  font-family: sora !important;
  text-transform: uppercase !important;
  letter-spacing: 0 ;
  font-weight: 600 !important;
}

.accordion-menu ul.sub-menu {
  font-family: sora !important;
  text-transform: uppercase !important;
  letter-spacing: 0 ;
  font-weight: 600 !important;
}

/* btn */

.a_btn .elementor-button {
  background: linear-gradient(90deg, #6a0572, #ff1e00, #ff9900);
  box-shadow: 3px 3px 0 #000;
  transition: all 0.3s ease;
}

.a_btn .elementor-button:hover {
  transform: translate(3px, 3px);
  box-shadow: 0 0 0 #000;
}

/* btn 2 */

.a_btn2 .elementor-button {
  box-shadow: 3px 3px 0 #FF5100;
  transition: all 0.3s ease;
}

.a_btn2 .elementor-button:hover {
  transform: translate(3px, 3px);
  box-shadow: 0 0 0 #000;
}

/* home page */

.a_bg_2 { background: linear-gradient(270deg, rgb(95, 0, 88) 0%, rgb(240, 52, 14) 29.2793%, rgb(255, 182, 40) 70.7207%, rgb(38, 226, 255) 100%); }

.a_bg.e-flex.e-con { background: linear-gradient(90deg,#5f0058,#f0340e 51.80180180180181%,#ffb628) ; }

/* product */

.a_product_hover {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.a_product_hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://wordpressmaintenance.co.in/openup/wp-content/uploads/2025/09/Frame@4x.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;

  opacity: 0;
  transform: translateY(20px); /* start slightly lower */
  transition: opacity 0.5s ease, transform 0.5s ease;
  z-index: -1;
}

.a_product_hover:hover::before {
  opacity: 1;
  transform: translateY(0);
}

.a_product_hover:hover .a_tin {
  --e-transform-rotateZ: 0deg;
  transition: transform 0.5s ease;
}

/* home page benifits */

.fade-left, .fade-right {
  opacity: 0;
  transform: translateY(40px) rotate(0deg);
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1), 
              opacity 1.2s ease-out;
  will-change: transform, opacity; 
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased; 
}

.fade-left.in-view {
  opacity: 1;
  transform: translateX(0) rotate(-6deg);
}

.fade-right.in-view {
  opacity: 1;
  transform: translateX(0) rotate(6deg);
}

.fade-left {
  transform: translateX(-100px) rotate(-12deg);
}
.fade-right {
  transform: translateX(100px) rotate(12deg);
}

/* home page benifits 2 */

.fade-left-2, .fade-right-2 {
  opacity: 0;
  transform: translateY(40px) rotate(0deg);
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1), 
              opacity 1.2s ease-out;
  will-change: transform, opacity; 
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased; 
}

.fade-right-2.in-view {
  opacity: 1;
  transform: translateX(0) rotate(-6deg);
}

.fade-left-2.in-view {
  opacity: 1;
  transform: translateX(0) rotate(6deg);
}

.fade-left-2 {
  transform: translateX(-100px) rotate(-12deg);
}
.fade-right-2 {
  transform: translateX(100px) rotate(12deg);
}


/* Shop Page */

.tb-image-type-hover:hover .hover-image {
  opacity: 1;
  transform: none;
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.a_shop_btn {
  background: linear-gradient(90deg, #6a0572, #ff1e00, #ff9900) !important;
  box-shadow: 3px 3px 0 #000 !important;
  transition: all 0.3s ease !important;
}

.a_shop_btn:hover {
  transform: translate(3px, 3px) !important;
  box-shadow: 0 0 0 #000 !important;
}

/* Sigle Product Page */

#comments h2 { font-size: 28px; text-transform: uppercase; letter-spacing:0.5px;  }

.comment-form {
  padding: 30px 30px;
  background: #FFF6DB;
  border-radius: 5px;
  border: 1px solid #00000014;
}

.comment-reply-title {
  font-family: sora;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.comment-form label:first-child { margin-top:10px;  margin-bottom: 10px; }
.comment-form-cookies-consent { margin-top:10px !important;  margin-bottom: 30px !important; }

.variations tr td { padding-left: 0px; }

/* woo pages */

.page-header-8 { background: #FFF6DB; }
.woocommerce-cart .main-content, .woocommerce-checkout .main-content { padding-top: 60px; }
.woocommerce-cart h4, .woocommerce-checkout h4, .woocommerce-order-details h4 { font-family: sora; }
form.woocommerce-checkout h3 {  font-family: sora; letter-spacing: 0px; }
.page-header-8 li a { font-family: sora; letter-spacing:0px; text-transform: uppercase; }
.woocommerce-cart-form { background-color: #fff; padding: 30px; border: 2px solid var(--porto-gray-5); }
.shop_table.cart-table .actions button:hover{ background-color:#0E1217; color: #fff; }
.cart-popup .button.checkout:hover, html .btn-v-dark:hover { background: #0E1217; }
.checkout-order-review .featured-boxes { background-color: #fff; }
.page-id-8 p { margin: 0 0 1.25rem !important; }
.woocommerce-checkout label { margin-bottom: 7px; letter-spacing: 0px; }
.woocommerce-billing-fields.clearfix { background-color: #fff; padding: 22px 32px; border: 2px solid var(--porto-gray-5); }
.featured-box .box-content { border-top: 4px solid #F15122; background-color: #fff; }
.order-again .button:hover, .wc-action-btn.button:hover { background-color:#0E1217; color: #fff; }
.woocommerce-message { padding: 15px 20px; margin-bottom: 20px; background-color: #fff; border: 2px solid var(--porto-gray-5); }



/* my account page */

.page-id-9 p { margin: 0 0 1.25rem !important; }
.page-id-9 .form-row label { margin-bottom: 7px !important; }
.woocommerce-account .account-sub-title{ font-family: sora; text-transform: uppercase !important; letter-spacing: 0px; }
.woocommerce-form.woocommerce-form-login.login, .woocommerce-form.woocommerce-form-register.register {
  background-color: #fff;
  padding: 22px 32px !important;
  border: 2px solid var(--porto-gray-5);
}
.page-id-9 .main-content { padding-top: 80px; padding-bottom: 80px; }

@media (min-width: 992px) {
	.page-id-9  .col-lg-10 {
    width: 100%;
  }
}

@media (min-width: 992px) {
	.page-id-9 .col2-set .col-1 { padding: 0 20px; }
}

.woocommerce-account .featured-boxes, .woocommerce-checkout .featured-boxes, .woocommerce-thankyou .featured-boxes { background: #fff; }

.page-id-9 .text-md { font-family: sora; }

/* Desktop layout (side-by-side with gap) */
@media (min-width: 768px) {
  .woocommerce-account .woocommerce {
    display: flex;
    gap: 20px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25%;
    margin-right: 0; /* ensure no accidental extra margin */
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    width: 75%;
  }
}

/* Mobile layout (stacked with vertical spacing) */
@media (max-width: 767px) {
  .woocommerce-account .woocommerce {
    display: block;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 20px; /* 👈 Adds the needed space */
  }
} 


.woocommerce-account .woocommerce-MyAccount-navigation {
  padding: 22px 32px;
  background-color: #fff !important;
  border: 2px solid var(--porto-gray-5);
}

.woocommerce-account .woocommerce-MyAccount-content {
  padding: 22px 32px;
  background-color: #fff;
  border: 2px solid var(--porto-gray-5);
}

.page-id-9 .wc-action-btn.button { font-size: 13px; letter-spacing:0px; }
.page-id-9 .btn-go-shop { font-size: 13px; }


/* order confermation page */

.page-id-8 .wc-action-btn.button { font-size: 13px; letter-spacing:0px; }
.woocommerce-checkout .account-sub-title, .woocommerce-thankyou .account-sub-title { font-family: sora; letter-spacing: 0px; }