/*
Theme Name: Astra Child
Template: astra
Version: 1.0.0
*/
input {font-family: "Almarai", Sans-serif;}
button[type="submit"] {font-family: "Almarai", Sans-serif;}
label,select,h1,h2,h3,h4,span{font-family: "Almarai", Sans-serif;}
.therapist-card {
	background: #fff;
	padding: 30px;
	border-radius: 16px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	direction: rtl;
	font-family: "Almarai", Sans-serif;
}
.top-info {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}
.card-box {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 15px 20px;
	border-radius: 12px;
	min-width: 160px;
	color: #000;
}
.card-box .icon {
	font-size: 22px;
}
.card-box.sessions {
	background: #e0f0f8;
}
.card-box.experience {
	background: #fef6e9;
}
.profile-pic img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.section {
	margin-bottom: 30px;
}
.section h3 {
	margin-bottom: 15px;
	font-size: 18px;
}
.info-row {
	display: flex;
	gap: 20px;
}
.input-group {
	flex: 1;
}
.input-group label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}
.input-group input {
	width: 100%;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #ccc;
	background: #f9f9f9;
}
.input-group a {
	display: inline-block;
	margin-top: 5px;
	color: #0073aa;
	cursor: pointer;
}
.spec-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.spec-item {
	background: #f0f0f0;
	padding: 8px 14px;
	border-radius: 10px;
}
.spec-add {
	border: 1px dashed #0073aa;
	color: #0073aa;
	padding: 8px 14px;
	border-radius: 10px;
	cursor: pointer;
}
.header-user-menu {
	position: relative;
	display: inline-block;
	font-size: 14px;
}

.header-user-menu .menu-toggle {
	display: flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 5px 10px;
	cursor: pointer;
	background: transparent;
}

.header-user-menu .menu-toggle img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid #ccc;
}

.header-user-menu .menu-toggle .user-name {
	font-weight: 600;
	color: #0077b6;
}

.header-user-menu .menu-toggle .dropdown-arrow {
	font-size: 12px;
	color: #0077b6;
}

.header-user-menu .dropdown-menu {
	position: absolute;
	top: calc(100% + 5px);
	right: 0;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	display: none;
	min-width: 160px;
	z-index: 999;
}

.header-user-menu .dropdown-menu a {
	display: block;
	padding: 8px 12px;
	text-decoration: none;
	color: #333;
	transition: background 0.2s;
}

.header-user-menu .dropdown-menu a:hover {
	background: #f1f1f1;
}

#menu-1-c19dc89 li{font-family: "Almarai", Sans-serif;}
.header-login-form {
  margin: 10px auto;
  max-width: 100%;
}

.header-login-form input[type="text"],
.header-login-form input[type="password"],
.header-login-form button {
  padding: 10px 12px;
  font-size: 16px;
  border-radius: 6px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}


.header-login-form button {
  background-color: #0073aa;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  border: none;
  transition: background .3s ease;
}
.header-login-form button:hover {
  background-color: #005f8a;
}


@media (min-width: 769px) {
  .header-login-form {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap; 
  }


  .header-login-form input[type="text"],
  .header-login-form input[type="password"] {
    flex: 1 1 200px;  
    max-width: 120px;  
    width: auto !important; 
  }


  .header-login-form button {
    flex: 0 0 auto;
    padding: 10px 20px;
    white-space: nowrap;
    width: auto !important;
  }
}

@media (max-width: 768px) {
  .header-login-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }

  .header-login-form input[type="text"],
  .header-login-form input[type="password"],
  .header-login-form button {
    width: 100% !important;
    flex: none;
    font-size: 15px;
  }
}
#corrector-subscribe-form{
direction: rtl;
display: flex;
gap: 10px;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
}

#corrector-subscribe-form input[type="email"]{
flex: 1 1 320px;
max-width: 180px;
height: 46px;
padding: 0 14px;
border: 1px solid #d7dbe6;
border-radius: 10px;
outline: none;
font-size: 15px;
transition: border-color .2s, box-shadow .2s, background-color .2s;
background: #fff;
color: #111;
}

#corrector-subscribe-form input[type="email"]::placeholder{
color: #9aa3af;
}

#corrector-subscribe-form input[type="email"]:focus{
border-color: #5b8def;
box-shadow: 0 0 0 4px rgba(91,141,239,.15);
background: #fff;
}

#corrector-subscribe-form button[type="submit"]{
height: 46px;
padding: 0 18px;
border: 0;
border-radius: 10px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: transform .05s ease, box-shadow .2s ease, background-color .2s ease, opacity .2s ease;
background: linear-gradient(180deg,#168c92,#33bbc2);
color: #fff;
box-shadow: 0 8px 16px rgba(37,99,235,.2);
}

#corrector-subscribe-form button[type="submit"]:hover{
box-shadow: 0 10px 20px rgba(29,78,216,.25);
}

#corrector-subscribe-form button[type="submit"]:active{
transform: translateY(1px);
}

#corrector-subscribe-msg{
width: 100%;
min-height: 20px;
font-size: 14px;
text-align: center;
margin-top: 6px;
}

@media (min-width: 640px){
#corrector-subscribe-form{
flex-wrap: wrap;
}
#corrector-subscribe-form input[type="email"],
#corrector-subscribe-form button[type="submit"]{
margin-bottom: 8px;
}
#corrector-subscribe-msg{
flex: 0 0 100%;
width: 100%;
text-align: center;
margin-top: 6px;
padding: 0;
order: 99;
}
}


.widget-area #corrector-subscribe-form{
background: #ffffff;
border-color: #e9ecf3;
}

#corrector-subscribe-form + *{
margin-top: 10px;
}
.intro-start-box form{background:#fff;border-radius:16px;padding:16px;display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.intro-start-box .field{flex:1;min-width:260px;position:relative}
.intro-start-box label{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin:0 0 6px}
.intro-start-box label .req{color:#e11}
.intro-start-box select{width:100%;direction:rtl;text-align:right;padding:12px 40px 12px 16px;border:1px solid #e5e7eb;border-radius:10px;outline:0;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat left 12px center}
.intro-start-box select:focus{border-color:#0b7285;box-shadow:0 0 0 3px rgba(11,114,133,.15)}
.intro-start-box .btn{padding:12px 22px;border:0;border-radius:10px;background:#0b7285;color:#fff;cursor:pointer;white-space:nowrap}
@media (max-width:640px){
  .intro-start-box .field{min-width:100%}
}




.crv-author,.crv-text,.crv-head{font-family: "Almarai", Sans-serif !important;}
.ta-btn,.doc-btn{background-color: #0f82a8 !important;}


.intro-packages-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 992px) {
  .intro-packages-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .intro-packages-grid { grid-template-columns: 1fr; }
}
  .hlf{margin:10px 0 !important}
    @media(min-width:993px){
      .hlf{display:grid;grid-template-columns: minmax(100px, 120px) minmax(100px, 120px) auto !important;gap:1px 12px;align-items:center !important}
      .hlf .hlf-user,.hlf .hlf-pass,.hlf .hlf-btn{width:auto !important}
      .hlf .header-login-extra{grid-column:1/-1 !important;text-align:start !important;line-height:1.4 !important}
    }
    @media(max-width:992px){
      .hlf{display:flex;flex-direction:column;gap:10px;align-items:stretch}
      .hlf .hlf-user,.hlf .hlf-pass,.hlf .hlf-btn{width:100%}
      .hlf .header-login-extra{margin-top:6px;text-align:start}
    }
	.hlf input{font-size: 12px !important;}
	#pay-now{background: #55964a !important;background: linear-gradient(90deg, rgba(85, 150, 74, 1) 0%, rgba(97, 207, 179, 1) 100%) !important;}
	#pay-later{background: #941f1f !important;background: linear-gradient(90deg, rgba(148, 31, 31, 1) 0%, rgba(207, 97, 97, 1) 100%) !important;}
	#cc-apply{background: #1f9492 !important;background: linear-gradient(90deg, rgba(31, 148, 146, 1) 0%, rgba(97, 139, 207, 1) 100%) !important;}
	#pay-now,#pay-later,#cc-apply{color:#fff !important; font-weight: 400;}
	#cc-coupon{border-radius: 20px !important;}
	#cc-clear {border: 1px solid #cfcfcf !important;background-color: #fff !important;padding:8px 10px !important;}
	#cc-clear:hover{color:#b42424}


	.page-slug-course-payment .entry-title{display:none}
.cr-cp-wrap{max-width:700px;margin:40px auto;text-align:center;min-height: 500px;border: 1px solid #505d8a28;border-radius: 20px;padding:30px;}
.cr-cp-title{font-size:32px;font-weight:800;margin-bottom:16px}
.cr-cp-row{margin:8px 0;color:#444;font-size:18px}
.cr-cp-paid{margin-top:18px;font-weight:900;font-size:28px}
.page-slug-course-payment .entry-title{display:none}
.page-slug-payment-placeholder .entry-title{display:none}
.entry-title{display:none !important}
h1.entry-title{display:none !important}
#course-pay{background: #55964a !important;background: linear-gradient(90deg, rgba(85, 150, 74, 1) 0%, rgba(97, 207, 179, 1) 100%) !important;color:#fff !important;border-radius: 15px !important;}
#apply-course-coupon{background: #1f9492 !important;background: linear-gradient(90deg, rgba(31, 148, 146, 1) 0%, rgba(97, 139, 207, 1) 100%) !important;color:#fff !important}
.cur-mount{border: 1px solid #505d8a28; border-radius: 20px; padding:10px 30px;width: 50%;margin: 20px auto;}

.pay-box {min-height: 400px;}

.btn-show-form{border-radius: 8px;padding: 8px 14px;background: #d3a36c;color:#fff}

#start-session {background: #1f9492 !important;background: linear-gradient(90deg, rgba(31, 148, 146, 1) 0%, rgba(97, 139, 207, 1) 100%) !important;color:#fff !important;padding: 20px 50px !important}

.corrector-banner-img{border-radius: 20px !important;padding-bottom: 10px !important;}


.agree-box {
    margin:10px 0;
    font-size:14px;
    text-align:right;
}
.agree-box label {
    display:inline-flex;
    align-items:center;
    gap:6px;
    cursor:pointer;
    direction:rtl;
}
.agree-box input[type="checkbox"] {
    width:18px;
    height:18px;
    accent-color:#0ea5e9;
}
.agree-box a {
    color:#0ea5e9;
    text-decoration:underline;
}
.agree-box a:hover {
    text-decoration:none;
}

.header-login-extra a{font-family: "Almarai", Sans-serif;font-size: 13px;color:#646464}
.header-login-extra a::before{
	content: "ðŸ‘¤";
}
.regbutton{border-radius: 10px; background: #2A7B9B;
background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(78, 145, 104, 1) 100%);}

@media (max-width: 769px) {
.lpg-thumb{max-width: 100% !important;}
}
@media (max-width: 769px) {
.ctc-info{display:grid;grid-template-columns:repeat(1,minmax(0,1fr)) !important;}

}

@media (max-width: 768px) {

    .therapist-card {
        padding: 18px;
        border-radius: 14px;
    }

    .top-info {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        text-align: center;
    }

    .profile-pic img {
        width: 90px;
        height: 90px;
    }

    .card-box {
        min-width: unset;
        width: 100%;
        padding: 12px;
        justify-content: center;
    }

    .card-box .icon {
        font-size: 20px;
    }

    .card-box .value {
        font-size: 14px;
    }

    .section h3 {
        font-size: 16px;
        text-align: right;
    }

    .info-row {
        flex-direction: column;
        gap: 12px;
    }

    .input-group input {
        padding: 12px;
        font-size: 14px;
    }

    .editable-field {
        flex-direction: row;
        gap: 6px !important;
        width: 100%;
    }

    .editable-field input {
        flex: 1;
    }

    .edit-btn, .save-btn {
        font-size: 13px;
        white-space: nowrap;
        padding: 4px 8px;
    }

    .spec-tags {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .spec-item {
        text-align: center;
        padding: 10px;
    }

    .section p {
        font-size: 14px;
        line-height: 1.7;
    }
}
.au-bc,button{font-family: "Almarai", Sans-serif;}
.vsf-meta ,.vsv-ttl{font-family: "Almarai", Sans-serif;}
.elementor-2222 .elementor-element.elementor-element-ce8589b{display: auto !important; --display: auto !important;}
.ta-bc,.psy-filter-title,.badge-popular,.psy-card-desc,.cc-title,.cc-btn,.vslg-title{font-family: "Almarai", Sans-serif;}
.badge-popular{font-size: 12px !important;}
.cc-btn{text-align: center !important;}
@media (max-width: 769px) {
.ta-img {
    width: 100%;
    padding-top: 57%;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.doc-img{    background-size: contain !important;
    background-repeat: no-repeat !important;}
}
.team-head h3{font-family: "Almarai", Sans-serif;}

[class^="cmp-"] {
  font-family: "Almarai", Sans-serif;
}
.client-box img{border-radius: 50%;height: 70px;width: 70px;object-fit: cover;}
.package-card{margin:10px;}
.package-card h4{font-family: "Almarai", Sans-serif;border:3px dotted #0b73852c;padding:6px 10px;border-radius: 10px;}
/*###########*/

#corrector-packages-wrap .packages-grid{
    display:grid !important;;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;;
}
@media(max-width:980px){
    #corrector-packages-wrap .packages-grid{
        grid-template-columns:1fr;
    }
}
/* ###################### */
.package-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.package-card .start-now {
    margin-top: auto;  
}

/* ###### */
.cc-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cc-body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.cc-btn {
    margin-top: auto;
}
.doc-body{
    display:flex;
    flex-direction:column; /* العناصر تحت بعض */
    padding:14px;          /* زي ما تحب */
    /* لو عندك كروت جنب بعض وعايزهم نفس الطول */
    height:100%;
}

.doc-btn{
    margin-top:auto;       /* يزوّق الزر لأسفل الكارت */
    display:block;         /* اختياري */
}
