/*!
 * Theme Name: Tafawuq -  LMS and Online Education WordPress Theme
 * Author: Zeeshan
 * Author URI: https://www.linkedin.com/in/m-zeeshan-zafar-80a327b3/
 * Version: 1.0
 * Updated: September 2025
**/

.w-max-c {
	width: fit-content;
}

.pb-8 {
  padding-bottom: 5rem;
}

.wpcf7-form p{
	padding: 0 !important;
	margin: 0 !important;
}
.wpcf7-form-control-wrap > * {
	text-align: right;
}
.wpcf7-list-item {
	margin: 0 !important;
}
.wpcf7-list-item label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
	margin: 0;
}

.wpcf7-list-item label input {
  order: 2; /* move input after text */
  margin-left: 8px; /* spacing */
}

.wpcf7-list-item label span {
  order: 1; /* text first */
}

.add_zee_price_class .woocommerce-Price-currencySymbol{
	font-size: 16px;
  margin-right: 5px;
	color: var(--primary-700);
}

img {
	max-width: 100%;
	height: auto;
}

.zee_remove_underline a {
	text-decoration: none;
}
.zee_txt_gry a {
	color: #b3b3b3;
}
.zee_txt_gry a:hover {
	color: #863198;
}

.zee_sd_icon {
	color: rgba(147, 53, 158,1.00) !important;
	font-size: 18px;
}

.tutor-modal .tutor-modal-close-o {
  right: auto !important;
	left: 16px;
}

.bi.tutor-icon-bookmark-line:before {
	content: "\f417" !important;
}
.bi.tutor-icon-bookmark-bold:before {
	content: "\f415" !important;
}

.tutor-course-wishlist-btn {
	border: 1px solid #863198 !important;
	border-radius: 50px !important;
	width: 55px;
	height: 55px;
	font-size: 20.7px !important;
}
.tutor-course-wishlist-btn.is-loading i {
	display: none;
}
.tutor-course-wishlist-btn.is-loading:before {
	margin: 0 !important;
}

#zee_eyetoggleIcon,
.zee_eyetoggleIcon {
	font-size: 24px;
	cursor: pointer;
}
.zee_b_icon i {
	font-size: 20px;
}

#tutor-registration-form  .tutor-form-icon-reverse {
  right: -40px;
}

.tutor-forgot-password-form.authforms,
.tutor-reset-password-form.authforms {
  max-width: none!important;
  margin: 0 auto;
}

@media (min-width: 576px) {
	.tutor-forgot-password-form.authforms,
	.tutor-reset-password-form.authforms {
		padding: 3rem 0 0 0 !important;
	}
}

.tutor-login-form-wrapper, 
#tutor-registration-form {
  padding: 0px !important;
}

.zee_lesson_cb {
	margin-right: -1.5rem;
	margin-top: 8px;
}

.zee_lesson-border {
	border-radius: 4px; 
	border: 1px solid rgba(147, 53, 158, 0.28);
}

.zee_lesson_flex .bi,
.zee_lesson_flex .tutor-course-topic-item-icon {
	margin-left: 10px;
	color: #863198;
	font-size: 20px;
}

#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
  background-color: transparent !important;
  border-radius: 0px !important;
}

#add_payment_method #payment div.payment_box, 
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px !important;
  border-radius: 0px !important;
  line-height: 2 !important;
  background-color: transparent !important;
  color: #666666;
}
#add_payment_method #payment div.payment_box::before, 
.woocommerce-cart #payment div.payment_box::before, 
.woocommerce-checkout #payment div.payment_box::before {
  content: none !important;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: none !important;
}

.woocommerce form .form-row .optional {
  visibility: hidden;
	display: none;
}
.woocommerce form .form-row #billing_terms_checkbox {
  margin: -2px 0px 0 8px;
}


/* Hide native checkbox */
.woocommerce form .form-row label.checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Label styling */
.woocommerce form .form-row label.checkbox {
  position: relative;
  padding-right: 35px;
  cursor: pointer;
  display: inline-block;
}

/* Custom checkbox */
.woocommerce form .form-row label.checkbox::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0px;
  width: 22px;
  height: 22px;
  border: 2px solid #863198;
  border-radius: 6px;
  background: #fff;
  transition: all 0.3s ease;
}

/* When checked (via jQuery class) */
.woocommerce form .form-row label.checkbox.fancy-checked::before {
  background-color: #863198;
  border-color: #863198;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.173 12.414L2.586 8.828 1.172 10.243l5.001 5 9-9-1.415-1.414z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}

.cart-empty.woocommerce-info {
	padding: 0;
	background-color: transparent;
	border: none;
	display: grid;
	justify-content: center;
}
.return-to-shop{
	display: grid;
	justify-content: center;
}
.cart-empty.woocommerce-info:before {
	content: none;
}

.error-inner-content span {
  color: #000;
  font-size: 400px;
  line-height: 1;
  font-weight: 700;
}
.error-inner-content h3 {
  color: #999;
  font-weight: 600;
  margin-top: -10px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
    .error-inner-content span {
        font-size: 300px;
    }
}
@media only screen and (max-width: 991px) {
	.error-inner-content span {
        font-size: 200px;
    }
}
@media only screen and (max-width: 575px) {
	.error-inner-content span {
        font-size: 150px;
    }
}
@media only screen and (max-width: 375px) {
    .error-inner-content span {
        font-size: 120px;
    }
}

#tutor_profile_cover_photo_editor {
	height: 275px !important;
}

#tutor_profile_cover_photo_editor #tutor_cover_area {
	height: 160px !important;
	border-radius: 16px !important;
}
#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_uploader {
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
	border: 1px solid transparent;
	bottom: 10px !important;
	right: 15px !important;
	line-height: 1.5;
}
#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_deleter {
	background-color: rgba(255, 255, 255, 0.2) !important;
	top: 15px !important;
	right: 18px !important;
}
#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_deleter .bi-trash3 {
	font-size: 1rem;
}
#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_uploader:hover,
#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_deleter:hover {
	background-color: #863198 !important;
}

#tutor_profile_cover_photo_editor #tutor_profile_area {
	border: 2px solid #fff !important;
	width: 75px !important;
	height: 75px !important;
	top: 57% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}
#tutor_profile_cover_photo_editor #tutor_pp_option {
	width: auto !important;
	top: 225px !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	background: transparent !important;
}
#tutor_profile_cover_photo_editor #tutor_pp_option:hover,
#tutor_profile_cover_photo_editor #tutor_pp_option span:hover {
	background: transparent !important;
}

.zee_profile_icon i {
	font-size: 20px;
	color: #7f8286;
}

.zee-validation-icon {
	right: -35px !important;
}
.sorting-form .tutor-form-select {
    line-height: 1.5;
    margin-right: 10px;
	white-space: nowrap;
	background-image: none;
	border: 1px solid transparent !important;
	background-color: var(--primary-100);
	color: var(--primary-700);
	font-weight: normal;
	border-radius: var(--primary-radius);
	padding: 0.85rem 1rem 0.85rem 3rem;
}


.sorting-form .tutor-form-select::after {
  border-bottom:2px solid #863198;
  border-right:2px solid #863198;
  content:'';
  display:block;
  height:10px;
  margin-top:-6px;
  pointer-events:none;
  position:absolute;
  left:20px;
  top:50%;
  -webkit-transform-origin:66% 66%;
  -ms-transform-origin:66% 66%;
  transform-origin:66% 66%;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-transition:all .15s ease-in-out;
  transition:all .15s ease-in-out;
  width:10px
}
.sorting-form .tutor-form-select.is-active:after {
  -webkit-transform:rotate(-135deg);
  -ms-transform:rotate(-135deg);
  transform:rotate(-135deg)
}

.sorting-form .tutor-form-select .tutor-form-select-dropdown {
    width: 100%;
	border-radius: 0;
	text-align: right;
}

.tw_tutor-registration-wrap {
	max-width: 100% !important;
	padding: 0 !important;
	box-shadow: none !important;
	border-radius: 0px !important;
}

.breadcrumb .breadcrumb-item a {
	text-decoration: none;
}

.tutor-price-preview-box {
  margin-bottom: 0px !important;
}
.tutor-price-preview-box {
  border: none !important;
  padding: 0px !important;
}