/*
Theme Name: Tuturn Child
Theme URI: https://amentotech.com/projects/tuturn
Author: Custom
Author URI: https://yourwebsite.com
Description: Child theme for Tuturn WordPress theme (v3.6)
Template: tuturn
Version: 1.0.0
Text Domain: tuturn-child
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

body, h1, h2, h3, h4, h5, h6, p, a, li, button, input, textarea, span{
	font-family: "Inter", sans-serif !important;
}
.tu-headernav li a, .tu-login{
	font-family: "Nunito Sans", sans-serif !important;
}

.page-template-search-instructors .tu-listing-wrapper .tu-searchbar-wrapper .tu-appendinput {
    max-width: 100%;
}

a#tu-instructor-search-keyword {}a#tu-instructor-search-keyword {
    background: #F97316;
}

.home-filter-box .tu-inputicon {
   max-width: 659px; 
}

.home-filter-box .tu-primbtn-orange {
    background-color: #f97316;
}

.woocommerce-checkout .tu-haslayout .tu-planlist ul.tu-planperks {
    display: none;
}

.woocommerce-checkout .tu-haslayout .tu-planlist .tu-plandetail p {
    display: none;
}

.tu-listing-slider .tu-listinginfo_price span , .tu-listinginfo_price h4{
    width: 100%;
    max-width: 60%;
    text-align: left;
    font-size: 13px !important;
    font-weight: 500
}

.tu-listing-slider .tu-listinginfo_price {
    align-items: center;
    padding: 10px !important;
	margin-top: 7px;
}

.tu-listinginfo_two .tu-listing-slider .tu-btn:not(:hover){
    background: #F97316;
    color: white;
    font-family: Poppins;
}
.tu-listinginfo_two:hover .tu-listing-slider .tu-btn{
    background: #c75c12 !important;
}

.tu-asidebox .tu-uploadinfo span , .tu-asidebox .tu-uploadinfo .tu-disabled{
  line-height: 40px;
  margin: 10px 0 0;
  width: 100%;
}

.tu-approved{
    background: #32CD32;
}

.tu-disabled{
	background: #ffff01;
	color: black;
}

#profile-avatar{
	background: #14B8A6   
}

.tu-uploadinfo h6 {
    font-size: 11px !important;
    font-style: italic !important;
    line-height: 14px;
}
.tu-profilewrapper .tu-boxsmtitle a.tu-add-booking-slots.tu-btn.tu-btn-primary.tu-add-appointment {
    color: #ffffff;
    padding: 15px 30px;
}

.tu-listinginfo_two {
    align-items: flex-start;
}
.tu-listing-slider figure {
    margin-bottom: 20px;
}
.tu-tutor-reply {
    padding-left: 15px;
}
.tu-detailstabs {
    margin: 0 20px 20px;
}
.tu-tutorprofilewrapp > .row {
    padding: 0 20px 20px;
}
.tu-featureitem figure figure {
    height: 290px;
    overflow: hidden;
    margin: 0;
}
.tu-featureitem figure figure img {
    height: 100%;
    width: 100%;
    background: #3b5999;
    object-fit: cover;
}
.tu-productorder-content > figure {
    position: static !important;
    transform: none !important;
}
.tu-profileview .tu-productorder-content {
    padding-top: 0;
}
.tu-commentlist {
    flex-direction: column;
}
.tu-featureitem {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.tu-featureitem .tu-authorinfo {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.tu-featureitem .tu-authorinfo .tu-instructors_footer {
    margin-top: auto;
}
.tu-listinginfo_two {
    align-items: flex-start;
}

.single-tuturn-instructor section.tu-main-section > .container > .row > .col-12.col-xxl-9 {
    width: 100%;
}
.tu-themeform__wrap .subject, .tu-themeform__wrap .syllabus-type, .tu-themeform__wrap .level-taught {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.tu-themeform__wrap .subject .tu-label, .tu-themeform__wrap .syllabus-type .tu-label, .tu-themeform__wrap .level-taught .tu-label {
    width: 100%;
}
.tu-themeform__wrap .subject .form-group, .tu-themeform__wrap .syllabus-type .form-group, .tu-themeform__wrap .level-taught .form-group {
    width: 33.3333%;
}

div#user-skills {
    display: none;
}

.left-side-location .tu-rating{
   display: none; 
}

.left-side-location address {
    font-size: 14px;
    margin-bottom: 0;
}

.right-side-location address {
    display: none;
}

.tu-listing-location {
    margin-bottom: 10px;
}

.tu-boxwrapper .tu-boxarea + .tu-boxarea{
    margin-top: 0;
}
span.tu-featuretag {
    background-color: #f97316;
    padding: 5px 10px;
}
.tu-verified-badge {
    background: #f9732a !important;
}
i.icon.icon-check-circle.tu-greenclr {
    color: #f9732a !important;
}
@media screen and (max-width: 991px){
	.tu-main-section {
		padding: 60px 0;
	}
	.tu-themeform__wrap .subject .form-group, .tu-themeform__wrap .syllabus-type .form-group, .tu-themeform__wrap .level-taught .form-group {
		width: 50%;
	}
}

.tu-main-login {
    justify-content: center;
}
.tu-login-right.tu-login-center {
    padding: 50px 0;
}
.tu-main-login {
    min-height: auto;
}

footer .tu-footerwrap {
    padding: 40px 0;
    margin: auto;
    justify-content: center;
    text-align: center;
    width: 100%;
}

footer .row.gy-4 {
    width: 100% !important;
    /* text-align: center !important; */
}

footer .col-lg-7 {
    width: 100% !important;
}

footer strong.tu-footerlogo {
    margin: 0;
}

footer img {
    width: 100%;
    max-width: 300px !important;
}

footer .col-lg-5 {
    display: none;
}

footer .tu-footercopyright_content {
    text-align: center;
    justify-content: center;
}

footer  .tu-footerwrap {
    background-color: #061C46;
}

.form-group-wrap {
    margin-top: 20px !important;
}

.tu-login-right.tu-login-center .tu-login-right_title h3 {
    font-size: 20px;
    margin-top: 5px !important;
}

.tu-boxwrapper .tu-boxarea .tu-box {
    padding: 0 30px;
}
.tu-themeform fieldset{
	margin: 0px !important;
}
#tuturn_apps-4 strong.tu-footerlogo a {
    pointer-events: none;
}

.tu-footercopyright {
	background-color: #061c46;
}
tr.woocommerce-shipping-totals.shipping{
    display: none;
}

.signup-type-tuitora section.elementor-section {
    background-color: #FFD6A5;
}
.signup-type-student section.elementor-section {
    background-color: #BBF7D0;
}

span.input-group-text {
    background-color: #1e3a8a;
    color: #fff;
}

/* Tutor reply container */
.tu-tutor-reply-card{
    margin-top: 18px;
    margin-left: 70px;
    background: #f8fafc;
    border-radius: 14px;
    padding: 16px 18px;
    border-left: 4px solid #facc15;
    box-shadow: 0 8px 20px rgba(0,0,0,0.04);
}

/* Header layout */
.tu-tutor-reply-header{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:10px;
}

.tu-tutor-reply-avatar{
    width:42px;
    height:42px;
    border-radius:50%;
    object-fit:cover;
}

/* Tutor name */
.tu-tutor-name{
    font-size:14px;
    font-weight:600;
    color:#111;
    display:flex;
    align-items:center;
    gap:6px;
}

/* Tutor label */
.tu-tutor-label{
    font-size:12px;
    color:#64748b;
}

/* Reply text */
.tu-tutor-reply-text{
    font-size:14px;
    line-height:1.6;
    color:#334155;
}

/* Verified badge */
.tu-verified{
    background:#22c55e;
    color:#fff;
    font-size:11px;
    padding:0px 6px;
    border-radius:6px;
    font-weight:700;
}
.tu-listing-heading .icon-check-circle.tu-greenclr{
    color: #f9732a;
}


@media screen and (max-width: 767px){
	.tu-featureitem figure figure {
		height: 360px;
	}
	.tu-main-section {
		padding: 50px 0;
	}
	.tu-tutorprofilewrapp {
        margin-top: 0;
    }
	.tu-themeform__wrap .subject .form-group, .tu-themeform__wrap .syllabus-type .form-group, .tu-themeform__wrap .level-taught .form-group {
		width: 100%;
	}
}
.tu-boxwrapper .tu-boxarea .tu-box {
    padding-bottom: 20px !important;
}
.tu-timeslot-actions {
    opacity: 1 !important;
    transform: none !important;
}

a.tu-timeslot-action.tu-timeslot-edit, a.tu-timeslot-action.tu-timeslot-del {
    border: 1px solid #e5e7eb !important;
    opacity: 1 !important;
    background: #fff !important;
    visibility: visible !important;
    color: #000 !important;
    padding: 0px !important;
    width: 24px;
    height: 24px;
    display: flex !important;
}
#tu-save-timeslots .tu-slot-item:not(.tu-editing):hover > a.tu-timeslot-card {
    background: #f97316;
    color: #fff;
}
a.tu-timeslot-action.tu-timeslot-edit i, a.tu-timeslot-action.tu-timeslot-del i {
    color: #000 !important;
    opacity: 1;
    font-size: 16px;
    margin: 0;
    position: static;
    transform: none !important;
}
#tu-save-timeslots .tu-formarea_list li.tu-slot-item:hover a * {
    color: #fff;
}
#tu-save-timeslots .tu-formarea_list li.tu-slot-item > a.tu-timeslot-card {
    padding-top: 35px;
}

#tu-save-timeslots .tu-formarea_list li.tu-slot-item > a.tu-timeslot-card * {
    transition: none !important;
}
.tu-cancel-slot:hover {
    color: #fff;
}

aside.tu-asider-holder {
    background: unset !important;
    border-radius: unset !important;
    border: unset !important;
    box-shadow: unset !important;
}
.tu-side-tabs .tu-sidebar-dropdown > .nav-link {
    justify-content: unset !important;
}

.tu-side-tabs{
  border: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 10px;                 /* tighter + cleaner */
  padding: 0;
  margin: 0;
}

.tu-side-tabs .nav-item{ margin: 0 !important; }

/* base pill */
.tu-side-tabs .nav-link{
  border: 1px solid rgba(17,24,39,.08) !important;
  border-radius: 16px !important;
  padding: 14px 14px !important;

  background: #f4f3ff;                 /* softer than solid blue */
  color: #0f172a !important;

  font-weight: 650;
  font-size: 14px;
  line-height: 1.2;

  display: flex;
  align-items: center;
  gap: 10px;

  box-shadow: 0 1px 0 rgba(17,24,39,.04);
  transition: background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

/* icon */
.tu-side-tabs .nav-link i{
  font-size: 18px;
  line-height: 1;
  opacity: .9;
}

/* hover */
.tu-side-tabs .nav-link:hover{
  background: #eeecff;
  border-color: rgba(108,99,255,.18) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(17,24,39,.08);
}

/* focus (keyboard) */
.tu-side-tabs .nav-link:focus-visible{
  outline: 3px solid rgba(108,99,255,.25);
  outline-offset: 2px;
}

/* active pill (premium gradient + left indicator) */
.tu-side-tabs .nav-link.active{
  background: linear-gradient(135deg, #6c63ff, #8b5cf6) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 12px 22px rgba(108,99,255,.28);
  position: relative;
  padding-left: 22px !important; /* space for indicator */
}

.tu-side-tabs .nav-link.active::before{
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
}

/* ==================================
   Dropdown section
   ================================== */

.tu-side-tabs .tu-sidebar-dropdown > .nav-link{
  /* justify-content: space-between; */
  position: relative;
}

/* caret */
.tu-side-tabs .tu-sidebar-dropdown > .nav-link::after{
  content: "";
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  opacity: .6;
  transform: rotate(45deg);
  transition: transform .18s ease, opacity .18s ease;
  margin-left: auto;
}

/* open state */
.tu-side-tabs .tu-sidebar-dropdown.is-open > .nav-link::after{
  transform: rotate(-135deg);
  opacity: .9;
}

/* ==================================
   Submenu styling (improved)
   ================================== */

.tu-side-tabs .tu-sidebar-submenu{
  margin-top: 8px;
  padding-left: 14px;       /* indentation */
  position: relative;
}

/* subtle vertical guide line */
.tu-side-tabs .tu-sidebar-submenu::before{
  /* content: ""; */
  position: absolute;
  left: 6px;
  top: 4px;
  bottom: 4px;
  width: 2px;
  border-radius: 999px;
  background: rgba(108,99,255,.12);
}

.tu-side-tabs .tu-nestedmenu{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* nested submenu links */
.tu-side-tabs .tu-nestedmenu .nav-link{
  background: #ffffff;
  border: 1px solid rgba(17,24,39,.08) !important;
  padding: 11px 12px !important;
  border-radius: 14px !important;
  font-weight: 650;
  font-size: 13.5px;
  box-shadow: none;
  transform: none;
}

/* nested hover */
.tu-side-tabs .tu-nestedmenu .nav-link:hover{
  background: #ffffff;
  border-color: rgba(108,99,255,.22) !important;
  box-shadow: 0 10px 16px rgba(17,24,39,.06);
}

/* nested active */
.tu-side-tabs .tu-nestedmenu .nav-link.active{
  background: rgba(108,99,255,.12) !important;
  border-color: rgba(108,99,255,.25) !important;
  color: #0f172a !important;
}


.vwta-badges{
  width:100%;
}

.vwta-badges__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    text-align: left;
}

.vwta-badge-card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:16px;
  display:flex;
  gap:14px;
  align-items:center;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  position:relative;
  overflow:hidden;
}

.vwta-badge-card:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:radial-gradient(600px 120px at 20% 0%, rgba(17,24,39,.06), transparent 70%);
  pointer-events:none;
}

.vwta-badge-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 38px rgba(0,0,0,.10);
  border-color:#d7dbe3;
}

.vwta-badge-card__media{
  width:64px;
  height:80px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #efefef;
  background:#fafafa;
  flex-shrink:0;
  display:grid;
  place-items:center;
  position:relative;
}

.vwta-badge-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.vwta-badge-card__body{
  flex:1;
  min-width:0;
  position:relative;
}

.vwta-badge-card__title{
  margin:0;
  font-size:15px;
  font-weight:800;
  color:#111827;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.vwta-badge-card__meta{
  margin-top:8px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  color:#6b7280;
  font-size:13px;
}

.vwta-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#374151;
  font-weight:700;
  line-height:1;
}

.vwta-chip--muted{
  font-weight:600;
  color:#6b7280;
  background:#fbfbfb;
}

.vwta-avatar{
  width:22px;
  height:22px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  display:inline-grid;
  place-items:center;
  font-size:12px;
  font-weight:800;
}

.vwta-empty{
  border:1px dashed #e5e7eb;
  border-radius:18px;
  background:#fcfcfc;
  padding:34px 18px;
  text-align:center;
  color:#6b7280;
}

.vwta-empty__icon{
  width:56px;
  height:56px;
  margin:0 auto 10px;
  border-radius:16px;
  border:1px solid #e5e7eb;
  background:#fff;
  display:grid;
  place-items:center;
  font-size:26px;
}

.vwta-empty__title{
  margin:0;
  color:#111827;
  font-weight:900;
  font-size:15px;
}

.vwta-empty__desc{
  margin-top:6px;
  font-size:13px;
}

/* =========================
   VWTA Bell – Improved UI
   Replace your bell CSS with this
   ========================= */

/* Force proper hiding even if theme overrides [hidden] */
.vwta-bell__drop[hidden]{ display:none !important; }

/* If you placed bell inside sidebar profile box */
.tu-profilehead{ position:relative; overflow:visible !important; }
.tu-profilehead .vwta-bell-wrap{
  position:absolute;
  top:12px;
  right:12px;
  z-index:9999;
}

/* Core */
.vwta-bell{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Button (icon) */
.vwta-bell__btn{
  position:relative;
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  color:#111827;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.vwta-bell__btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(0,0,0,.10);
  border-color:#d7dbe3;
}

.vwta-bell__btn:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(99,102,241,.18), 0 12px 26px rgba(0,0,0,.10);
}

/* Icon */
.vwta-bell__icon{
  display:inline-flex;
  line-height:0;
}
.vwta-bell__icon svg{
  display:block;
}

/* Count badge */
.vwta-bell__count{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:#6d5efc;           /* match your purple UI */
  color:#fff;
  font-size:12px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 18px rgba(109,94,252,.35);
  border:2px solid #ffffff;
}

/* Dropdown */
.vwta-bell__drop{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:320px;
  max-width:calc(100vw - 28px);
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  box-shadow:0 18px 44px rgba(0,0,0,.14);
  overflow:hidden;
  z-index:99999;
}

/* Small arrow */
.vwta-bell__drop:before{
  content:"";
  position:absolute;
  top:-6px;
  right:14px;
  width:12px;
  height:12px;
  background:#ffffff;
  border-left:1px solid #e5e7eb;
  border-top:1px solid #e5e7eb;
  transform:rotate(45deg);
}

/* Header row */
.vwta-bell__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  font-size:14px;
  font-weight:900;
  color:#111827;
  border-bottom:1px solid #eef2f7;
  background:linear-gradient(180deg, #ffffff, #fafafa);
}

/* Mark all */
.vwta-bell__markall{
  border:1px solid #e5e7eb;
  background:#ffffff;
  color:#374151;
  font-size:12px;
  font-weight:800;
  padding:6px 10px;
  border-radius:999px;
  cursor:pointer;
  transition:background .15s ease, border-color .15s ease;
}
.vwta-bell__markall:hover{
  background:#f3f4f6;
  border-color:#d7dbe3;
}

/* List area */
.vwta-bell__list{
  max-height:320px;
  overflow:auto;
}

/* Items */
.vwta-bell__item{
  display:block;
  padding:12px 14px;
  text-decoration:none;
  border-bottom:1px solid #f1f5f9;
  background:#ffffff;
  transition:background .15s ease;
}
.vwta-bell__item:hover{ background:#fafafa; }

/* Unread highlight */
.vwta-bell__item.is-unread{
  background:#fbfbff;
}
.vwta-bell__item.is-unread .vwta-bell__title{
  font-weight:900;
}

/* Text */
.vwta-bell__title{
  font-size:13px;
  font-weight:800;
  color:#111827;
  line-height:1.25;
}
.vwta-bell__msg{
  margin-top:4px;
  font-size:12px;
  color:#6b7280;
  line-height:1.35;
}
.vwta-bell__time{
  margin-top:6px;
  font-size:11px;
  color:#9ca3af;
}

/* Empty */
.vwta-bell__empty{
  padding:16px 14px;
  text-align:center;
  font-size:13px;
  color:#6b7280;
}

/* Footer */
.vwta-bell__foot{
  padding:10px;
  border-top:1px solid #eef2f7;
  background:#ffffff;
}

/* View all button */
.vwta-bell__viewall{
  display:block;
  width:100%;
  text-align:center;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  color:#111827;
  font-weight:900;
  text-decoration:none;
  transition:background .15s ease, border-color .15s ease;
}
.vwta-bell__viewall:hover{
  background:#f3f4f6;
  border-color:#d7dbe3;
}

/* Better placement when sidebar is narrow */
@media (max-width: 520px){
  .vwta-bell__drop{
    right:auto;
    left:0;
    width:min(340px, calc(100vw - 28px));
  }
  .vwta-bell__drop:before{
    right:auto;
    left:16px;
  }
}




@media (max-width: 420px){
  .vwta-badge-card{
    align-items:flex-start;
  }
  .vwta-badge-card__title{
    white-space:normal;
  }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .tu-side-tabs .nav-link,
  .tu-side-tabs .tu-sidebar-dropdown > .nav-link::after{
    transition: none !important;
  }
}