/* =============================================================================
   GERMAN DRISHTY — MASTER CUSTOM STYLE
   -----------------------------------------------------------------------------
   Ye EK hi file hai jisme saari custom design CSS add hoti hai.
   Jab bhi koi naya design / section style karna ho, usko yahin niche
   ek naye "SECTION" ke andar add karo. Purani theme/plugin CSS untouched.

   Brand tokens (globally available in this file):
     --gd-orange  #ff9a23   |  --gd-orange-deep #fe6403  |  --gd-amber #ffc63c
     --gd-ink     #212121   |  --gd-gray        #6c6c6c  |  --gd-line  #ececec
     --gd-soft    #f6f7f9   |  --gd-green       #1f9d55  |  --gd-red   #e53935
   Font: Poppins

   INDEX
     [01] Instructor Dashboard — Course Cards
     -- (aage naye sections yahan list hote jayenge) --
   ========================================================================== */

:root {
	--gd-orange:      #ff9a23;
	--gd-orange-deep: #fe6403;
	--gd-amber:       #ffc63c;
	--gd-ink:         #1a1a1a;
	--gd-gray:        #6c6c6c;
	--gd-muted:       #8a8f98;
	--gd-line:        #eef0f3;
	--gd-soft:        #f7f8fa;
	--gd-green:       #16a34a;
	--gd-red:         #e53935;
	--gd-white:       #ffffff;
	--gd-radius:      16px;
	--gd-radius-sm:   10px;
}


/* #############################################################################
   [01] INSTRUCTOR DASHBOARD — COURSE CARDS
   -----------------------------------------------------------------------------
   Page  : /user-account/  (Instructor mode → course cards)
   Scope : .masterstudy-instructor-courses  (sirf is dashboard ke cards par)
   Rule  : SIRF color / border / radius / shadow / typography / hover.
           Koi layout / position / div move NAHI.
   ########################################################################### */

/* ------- 1. Card container ------------------------------------------------
   NOTE: plugin card par "outline" lagata hai + humne border diya to DOUBLE
   line dikh rahi thi. Isliye outline hatakar sirf ek clean border rakha.  */
.masterstudy-instructor-courses .masterstudy-course-card {
	font-family: "Poppins", sans-serif;
}

.masterstudy-instructor-courses .masterstudy-course-card__wrapper {
	background: var(--gd-white);
	outline: none;                          /* plugin ki default outline OFF  */
	border: 1px solid var(--gd-line);       /* sirf 1 patli hairline (clean)  */
	border-radius: var(--gd-radius);
	box-shadow: none;                       /* box-shadow HATA diya            */
	overflow: hidden;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

/* Hover — sirf halka sa soft shadow (flat rest, subtle feedback) */
.masterstudy-instructor-courses .masterstudy-course-card__wrapper:hover {
	border-color: #e2e4e8;
	box-shadow: 0 8px 24px -14px rgba(16, 24, 40, 0.16);
}

/* ------- 2. Image ---------------------------------------------------------- */
.masterstudy-instructor-courses .masterstudy-course-card__image-link {
	overflow: hidden;
	background: #ffffff;
}

/* FULL IMAGE — clean & uniform:
   1) Template override (child theme) BADI uncropped image bhejta hai.
   2) Sab images ek jaise 16:9 frame mein, object-fit:contain =
      poori image dikhegi (zero crop) + sab cards ki image-height EQUAL.
   Koi border / gradient line / zoom NAHI — bilkul flat & clean.        */
.masterstudy-instructor-courses .masterstudy-course-card__image {
	height: 200px !important;
	width: 100%;
	object-fit: cover;
	object-position: center;
	background: #ffffff;
	border: none;
}

.masterstudy-instructor-courses .masterstudy-lazyload-image {
	background: #ffffff;
}

/* Status / Featured ribbon on image (agar dikhe) */
.masterstudy-instructor-courses .masterstudy-course-card__featured span,
.masterstudy-instructor-courses .masterstudy-course-card__status span {
	background: var(--gd-orange);
	color: var(--gd-white);
	font-weight: 600;
	letter-spacing: 0.02em;
	border-radius: 6px;
}

/* ------- 3. Info: category + title ---------------------------------------- */
.masterstudy-instructor-courses .masterstudy-course-card__info{
    height: auto !important;
}
.masterstudy-instructor-courses .masterstudy-course-card__info-category a {
	color: var(--gd-orange-deep);
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	transition: color 0.2s ease;
}

.masterstudy-instructor-courses .masterstudy-course-card__info-category a:hover {
	color: var(--gd-orange);
}

.masterstudy-instructor-courses .masterstudy-course-card__info-title h3 {
	color: var(--gd-ink);
	font-weight: 600;
	font-size: 16px;
	line-height: 1.45;
	letter-spacing: -0.01em;
	transition: color 0.2s ease;
}

.masterstudy-instructor-courses .masterstudy-course-card__info-title:hover h3 {
	color: var(--gd-orange-deep);
}

/* ------- 4. Meta: "X Lectures" chip ----------------------------------------
   Grey box hata kar light, airy chip — warm tint + orange icon.            */
.masterstudy-instructor-courses .masterstudy-course-card__meta {
	background: #fff7ec;                    /* soft warm cream (GD style)   */
	border: 1px solid #ffe3bd;
	border-radius: var(--gd-radius-sm);
    margin-bottom: 16px;
}

.masterstudy-instructor-courses .masterstudy-course-card__meta-block span {
	color: #7a5a2e;
	font-weight: 500;
	font-size: 13px;
}

.masterstudy-instructor-courses .masterstudy-course-card__meta-block i::before {
	color: var(--gd-orange);
}

/* ------- 5. Price ----------------------------------------------------------- */
.masterstudy-instructor-courses .masterstudy-course-card__price-single span {
	color: var(--gd-ink);
	font-weight: 700;
	font-size: 17px;
	letter-spacing: -0.01em;
}

.masterstudy-instructor-courses .masterstudy-course-card__price-sale span {
	color: var(--gd-orange-deep);
	font-weight: 700;
	font-size: 17px;
}

.masterstudy-instructor-courses
	.masterstudy-course-card__price-single_subscription span,
.masterstudy-instructor-courses
	.masterstudy-course-card__price_subscription
	.masterstudy-course-card__price-single
	span {
	color: var(--gd-orange-deep);
	font-weight: 600;
}

/* ------- 5b. Bottom row ko card ke NEECHE push karo ------------------------
   Jis card mein price nahi hota uska beech ka space balance rehta hai;
   sabhi cards ki "Course status / Last updated" row ek line mein align.    */
.masterstudy-instructor-courses .masterstudy-course-card__bottom {
	margin-top: auto;
}

/* ------- 6. Instructor actions: status / last updated ---------------------- */
.masterstudy-instructor-courses .masterstudy-instructor-course-actions {
	border-top: 1px solid var(--gd-line);
}

.masterstudy-instructor-courses .masterstudy-instructor-course-actions__title {
	color: var(--gd-muted);
	font-weight: 500;
	font-size: 12.5px;
}

.masterstudy-instructor-courses .masterstudy-instructor-course-actions__value {
	color: var(--gd-ink);
	font-weight: 600;
	font-size: 12.5px;
}

/* Status badges — clean soft-tint pills (dot ke saath, designer touch) */
.masterstudy-instructor-courses .masterstudy-instructor-course-actions__status {
	padding: 3px 10px 3px 8px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.masterstudy-instructor-courses
	.masterstudy-instructor-course-actions__status::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	margin-right: 5px;
	background: currentColor;
}

.masterstudy-instructor-courses
	.masterstudy-instructor-course-actions__status_publish {
	background: #e9f9ef !important;
	color: var(--gd-green) !important;
}

.masterstudy-instructor-courses
	.masterstudy-instructor-course-actions__status_draft {
	background: #fff2df !important;
	color: #d97706 !important;
}

.masterstudy-instructor-courses
	.masterstudy-instructor-course-actions__status_pending {
	background: #fff8e0 !important;
	color: #b8860b !important;
}

.masterstudy-instructor-courses
	.masterstudy-instructor-course-actions__status_rejected {
	background: #fdecec !important;
	color: var(--gd-red) !important;
}

.masterstudy-instructor-courses
	.masterstudy-instructor-course-actions__status_private {
	background: #f1f2f4 !important;
	color: var(--gd-gray) !important;
}

/* Three-dot menu button */
.masterstudy-instructor-courses
	.masterstudy-instructor-course-actions__modal-btn {
	border-color: var(--gd-line);
	border-radius: 10px;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.masterstudy-instructor-courses
	.masterstudy-instructor-course-actions__modal-btn:hover {
	background: #fff7ec;
	border-color: rgba(255, 154, 35, 0.5);
}

.masterstudy-instructor-courses
	.masterstudy-instructor-course-actions__modal-btn:hover
	i::before {
	color: var(--gd-orange-deep);
}

/* ------- 7. Tabs row + "Add new course" button ------------------------------ */

/* Active tab (All / Published / ...) → brand orange pill */
.masterstudy-instructor-courses__tabs .masterstudy-tabs__item_active {
	background: var(--gd-orange) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 10px rgba(255, 154, 35, 0.30);
}

.masterstudy-instructor-courses__tabs
	.masterstudy-tabs__item:not(.masterstudy-tabs__item_active) {
	color: #55606b;
}

.masterstudy-instructor-courses__tabs
	.masterstudy-tabs__item:not(.masterstudy-tabs__item_active):hover {
	color: var(--gd-orange-deep);
}

/* "Add new course" button → GD premium orange */
.masterstudy-instructor-courses__add-new-course-btn.masterstudy-button {
	background: linear-gradient(180deg, #ffa63a 0%, var(--gd-orange) 60%,
		#f88f10 100%) !important;
	border: none !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06),
		0 8px 18px -6px rgba(255, 122, 0, 0.45) !important;
	transition: box-shadow 0.2s ease, transform 0.2s ease,
		filter 0.2s ease !important;
}

.masterstudy-instructor-courses__add-new-course-btn.masterstudy-button:hover {
	filter: brightness(0.96);
	box-shadow: 0 2px 4px rgba(16, 24, 40, 0.06),
		0 12px 24px -8px rgba(254, 100, 3, 0.5) !important;
	transform: translateY(-1px);
}

/* Button text + plus icon → white */
.masterstudy-instructor-courses__add-new-course-btn .masterstudy-button__title,
.masterstudy-instructor-courses__add-new-course-btn i,
.masterstudy-instructor-courses__add-new-course-btn i::before {
	color: #ffffff !important;
	font-weight: 600;
}

/* #############################################################################
   [02] ... agla design section yahan add hoga ...
   ########################################################################### */