/*
Theme Name: Studiare Child
Theme URI: http://codebean.co/studiare/
Author: CodeBean Team
Author URI: http://codebean.co
Description: With Studiare, you can sell, market and create your online courses in one place. It is perfect for universities, teachers, and tutors, but can also be used by individuals and businesses.
Version: 1.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: classes, courses, education, education center, learning center, tutoring, teaching, study, studying, learning, lessons, instructor, teacher, mentor
Template: studiare
*/



@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 100;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Thin.woff') format('woff');	
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-UltraLight.woff') format('woff');	
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Light.woff') format('woff');		 
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Medium.woff') format('woff');		 
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-DemiBold.woff') format('woff'); 
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-ExtraBold.woff') format('woff');		 
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Black.woff') format('woff');		 
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Bold.woff') format('woff'); 
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Regular.woff') format('woff');	
}


@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/yekan/woff/iranyekanweblightfanum.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/yekan/woff/iranyekanwebregularfanum.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

/*
Yekan Bakh Font
*/

@font-face {
	font-family: Yekanbakh;
	font-style: normal;
	font-weight: 100;
	src: url('fonts/bakh/woff/YekanBakh_FaNum_Thin.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}


@font-face {
	font-family: Yekanbakh;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/bakh/woff/YekanBakh_FaNum_Light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: Yekanbakh;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/bakh/woff/YekanBakh_FaNum_Regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: Yekanbakh;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/bakh/woff/YekanBakh_FaNum_Bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: Yekanbakh;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/bakh/woff/YekanBakh_FaNum_Heavy.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: Yekanbakh;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/bakh/woff/YekanBakh_FaNum_Fat.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}


/* Custom Lightbox Modal CSS */
/* Add this to your theme's style.css or create custom-lightbox.css */

.custom-lightbox-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999999;
  
}

.custom-lightbox-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1200px;
    height: 80%;
    max-height: 800px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.custom-lightbox-header {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 15px 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.custom-lightbox-close {
    font-size: 28px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
    transition: color 0.3s ease;
    line-height: 1;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    border: none;
}

.custom-lightbox-close:hover,
.custom-lightbox-close:focus {
    color: #000;
    background: rgba(0, 0, 0, 0.1);
}

.custom-lightbox-content {
    position: relative;
    height: calc(100% - 61px);
    background: #fff;
}

.custom-lightbox-content iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: none;
}

.custom-lightbox-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #666;
}

/* Loading Animation */
.custom-lightbox-loading:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Prevent body scroll when lightbox is open */
body.lightbox-open {
    overflow: hidden;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .custom-lightbox-container {
        width: 95%;
        height: 85%;
        border-radius: 4px;
    }
    
    .custom-lightbox-header {
        padding: 10px 15px;
    }
    
    .custom-lightbox-close {
        font-size: 24px;
        width: 25px;
        height: 25px;
    }
    
    .custom-lightbox-content {
        height: calc(100% - 51px);
    }
}

@media (max-width: 480px) {
    .custom-lightbox-container {
        width: 98%;
        height: 90%;
        border-radius: 0;
        top: 5%;
        transform: translateX(-50%);
    }
    
    .custom-lightbox-header {
        padding: 8px 12px;
    }
    
    .custom-lightbox-loading {
        font-size: 16px;
    }
}

/* Custom lightbox link styling (optional) */
a.custom-lightbox {
    text-decoration: none;
    color: #007cba;
    border-bottom: 1px dashed #007cba;
    transition: all 0.3s ease;
}

a.custom-lightbox:hover {
    color: #005a87;
    border-bottom-color: #005a87;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .custom-lightbox-container {
        background: #2d3748;
    }
    
    .custom-lightbox-header {
        background: #4a5568;
        border-bottom-color: #718096;
    }
    
    .custom-lightbox-content {
        background: #2d3748;
    }
    
    .custom-lightbox-close {
        color: #cbd5e0;
    }
    
    .custom-lightbox-close:hover {
        color: #fff;
        background: rgba(255, 255, 255, 0.1);
    }
    
    .custom-lightbox-loading {
        color: #cbd5e0;
    }
}

/* === Dideban — WCM status table responsive === */

/* === Dideban — WCM status table responsive (v2) === */

/* Safety: allow horizontal scroll if any 3rd-party CSS leaks in */
.wcm-status-card { overflow-x: auto; }

/* Tighten spacing a bit below tablet */
@media (max-width: 1024px) {
  .wcm-status-card { padding: 14px; }
  .wcm-status-card .wcm-status-table th,
  .wcm-status-card .wcm-status-table td { padding: 10px 12px; }
}

/* FORCE card layout earlier: phones + small tablets */
@media (max-width: 820px) {
  /* Hide header row */
  .wcm-status-card .wcm-status-table thead { display: none !important; }

  /* Turn table into stacked blocks */
  .wcm-status-card .wcm-status-table,
  .wcm-status-card .wcm-status-table tbody,
  .wcm-status-card .wcm-status-table tr,
  .wcm-status-card .wcm-status-table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Each TR becomes a rounded card */
  .wcm-status-card .wcm-status-table tr {
    background: #0f172a;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    padding: 10px 12px;
    margin: 10px 0;
  }

  /* Row items: label on the left, value on the right (RTL aware) */
  .wcm-status-card .wcm-status-table td {
    border: none !important;
    padding: 8px 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    word-break: break-word;         /* stop long text from overflowing */
  }

  /* Persian labels for each column (keep order: Plan, Status, Start, End, Actions) */
  .wcm-status-card .wcm-status-table td:nth-child(1)::before { content: "پلن";    font-weight: 600; opacity: .8; }
  .wcm-status-card .wcm-status-table td:nth-child(2)::before { content: "وضعیت";  font-weight: 600; opacity: .8; }
  .wcm-status-card .wcm-status-table td:nth-child(3)::before { content: "شروع";   font-weight: 600; opacity: .8; }
  .wcm-status-card .wcm-status-table td:nth-child(4)::before { content: "پایان";  font-weight: 600; opacity: .8; }
  .wcm-status-card .wcm-status-table td:nth-child(5)::before { content: "عملیات"; font-weight: 600; opacity: .8; }

  /* Actions: full-width button on mobile */
  .wcm-status-card .wcm-status-table .wcm-actions a.button {
    width: 100% !important;
    text-align: center;
    padding: 12px 14px;
    border-radius: 12px;
  }

  /* Optional: reduce chip size inside Status cell */
  .wcm-status-card .badge { padding: 3px 8px; font-size: 12px; }
}

/* Ultra-small phones */
@media (max-width: 400px) {
  .wcm-status-card { padding: 12px; }
  .wcm-status-card .wcm-status-table tr { padding: 8px 10px; }
  .wcm-status-card .wcm-status-table td { padding: 6px 0 !important; }
}

/* LTR override helper (wrap shortcode in a .ltr container if needed) */
.ltr .wcm-status-table td:nth-child(1)::before { content: "Plan"; }
.ltr .wcm-status-table td:nth-child(2)::before { content: "Status"; }
.ltr .wcm-status-table td:nth-child(3)::before { content: "Start"; }
.ltr .wcm-status-table td:nth-child(4)::before { content: "End"; }
.ltr .wcm-status-table td:nth-child(5)::before { content: "Actions"; }



/* mihan panel bold */
.mihanpanelpanel .mpsidebar .nav p {
font-weight: bold !important;
}
.mihanpanelpanel .mpsidebar .nav p {

  font-weight:600 !important;
 
}