/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


.ld-tab-bar {
  display: flex;
  flex-direction: column-reverse; /* Moves tabs to bottom */
}

.ld-tab-bar__tabs {
  order: 2; /* Tabs appear last */
}

.ld-tab-bar__panels {
  order: 1; /* Panels appear first */
}
nav.ld-breadcrumbs.ld-breadcrumbs--modern,.ld-layout__header,.ld-navigation__progress,.ld-navigation__previous,.ld-navigation__next,.e-coupon-box,.e-checkout__order_review {
    display: none !important;
}
nav.ld-breadcrumbs.ld-breadcrumbs--modern {
    display: none;
}
.learndash-wrapper .ld-focus .ld-focus-main{
	margin-left: 0;
}
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
		
    padding: 0em 5em;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-wrapper {
    overflow: visible;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar {
		padding-top: 0;
	border-right: 0;
    position: initial;
}

.ld-focus .ld-focus-header {
    display: none !important;
    padding-top: 0;
}

body.ld-in-focus-mode.admin-bar {
    padding-top: 0px;
}
.learndash-wrapper .ld-focus{
	margin-bottom: 70px;
	margin-top: 70px;
}
.learndash-custom-focus{
	margin-top: 70px;
	width: 1280px;
    margin: 0 auto;
}
.ld-layout {
	grid-gap: 0 !important;
}

.dyt-player-pip-area > div {
    border-radius: 30px !important;
}

.ld-navigation{
	border-top: 0 !important;
}

.wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-horizontal,.otgs-development-site-front-end{
	display:none;
}

/* hide all detail blocks initially */
.package-detail { display: none; }

/* visible detail */
.package-detail.is-active { display: block; }

/* left card hover/active styling */
.package-item { cursor: pointer; transition: background .2s, border-color .2s; }
.package-item.is-active { 	         background-color: #FDFDEC;
    border-color: var(--e-global-color-primary) !important;
    border-width: 2px !important;
   
}

.package-detail {
  display: none !important;
}
.package-detail.is-active {
  display: block !important;
}

.package-details-wrapper {
  position: relative;
}

/* All details share same space */
.package-detail {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  margin: 0 !important;
  padding: 0 !important;
}

/* Active detail visible */
.package-detail.is-active {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: visible;
}

body.single .ld-content-actions * {
    color: initial !important;
}


.woocommerce .u-column1.col-1,.woocommerce .u-column2.col-2,.woocommerce-form-login__submit,.woocommerce-form-register__submit{
width:100% !important;
}
form.woocommerce-form.woocommerce-form-login.login {
    border: 0 !important;
}

p.woocommerce-LostPassword.lost_password {
    text-align: right;
	display: flex;
    justify-content: space-between;
}

p.woocommerce-LostPassword.lost_password a,p.woocommerce-LostPassword.lost_password label{
color:var(--e-global-color-secondary) !important;
font-size:15px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,.woocommerce-form-register__submit {
  	
    margin-top: 50px;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .u-columns
 {
    margin-top: 0 !important;
}
.woocommerce form.login,.woocommerce-form-register{
margin:0 !important;
padding-top: 0 !important;
}

.ld-section-heading h3 {
    margin-bottom: 20px !important;
}
div#custom-top-summary {
    padding: 35px;
border-radius:16px;
    background: var(--e-global-color-9be702b);
}

.woocommerce table.shop_table {
       width: 60%;}

.custom-coupon {
    width: 50%;
    margin-top: 25px;
}
input#coupon_code {
    background: transparent;
    border: 1px solid #131F4B4D !important;
    font-size: 14px !important;
    height: 42px;
padding-left:10px;
}
.custom-coupon button.button {
    height: 42px;
    color: var(--e-global-color-secondary) !important;
    border: 1px solid var(--e-global-color-secondary) !important;
    background: #fff !important;
}

.woocommerce-billing-fields input, .woocommerce-billing-fields select {
    padding-left: 0 !important;
}



.custom-order-review h3,.custom-payment-section h3 {
    font-size: 25px !important; 
}


/* --- WooCommerce Checkout Input Styling --- */

/* Base input styles */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc; /* bottom border only */
  border-radius: 0;
  background: transparent;
  padding: 10px 0;
  box-shadow: none;
  transition: all 0.2s ease;
  font-size: 15px;
  color: #222;
}

/* Placeholder color */
.woocommerce form .form-row input::placeholder,
.woocommerce form .form-row textarea::placeholder {
  color: var(--e-global-color-text); /* adjust this as needed */
  opacity: 1; /* ensures consistent color across browsers */
}

/* On focus — keep only bottom border and change color */
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  outline: none !important;
  border: none;
  border-bottom: 1px solid #131F4B4D; /* darker border on focus */
  box-shadow: none !important;
  background: transparent;
}

/* Remove autofill yellow background (Chrome) */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Optional: Adjust select dropdown arrow alignment */
.woocommerce form .form-row select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
}

div#customer_details {
    margin-top: 25px;
}

div#customer_details .select2-selection span {
    padding-left: 0 !important;
    line-height: initial !important;
}

div#custom-payment-section {
    padding: 0px 30px;
}

button#place_order {
     
    width: 60% !important;

text-transform:titlecase;
}

div#payment {
    border: none !important;
    padding: 0 !important;
}

.woocommerce-checkout-payment * {
    font-size: 15px !important;
}

.select2-container .select2-selection--single{
margin:7px 0 0;
}
.woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.woocommerce-billing-fields__field-wrapper .form-row {
  flex: 0 0 48%;
  box-sizing: border-box;
}

form.woocommerce-ResetPassword.lost_reset_password {
    width: 100% !important;
    border: none !important;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button {
    background: var(--e-global-color-secondary);
    color: var(--e-global-color-d3a102e);
    width: 100%;
    border-radius: 36px;
}



@media(max-width:767px){
.woocommerce form.login, .woocommerce-form-register{
	padding: 0 !important;
}

}