/*Presets*/
/* Import Material Icons font */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');

:root {
    --main-color: #24417C;
    --bullet-color: #1B84FF;
    --orange-color: #ff6900;
    --white-color: #fff;
}

.material-symbols-outlined {font-size:20px !important;}
.aicerts-free-label { color:#22c55e; font-weight:600;font-size:14px;}
.wp-list-table.text-black th,
.wp-list-table.text-black td {color: #000 !important;}
.aicerts-wrapper {max-width:1290px;width:100%;margin:0 auto;padding:0px;}
.content-2x-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;}
.gap-8 {gap: 8px !important;}
.max-w-100 {max-width:100% !important;}
/*End of Presets*/

/*settings-page.php*/
#aicerts-ld-settings .aicerts-input {width: 280px;max-width: 280px;}

/*class-learndash.php*/
.alert-text {font-weight: bold !important;color: #ff0000 !important;display: inline-block;}
.empty-message {text-align: center;padding: 20px 0;}
.aicerts-course-reference {background: #d1e6ff;padding: 10px;margin-bottom: 20px;display: inline-block;border: 1px solid #a4ceff;color: #1B84FF;border-radius: 8px;}
.aicerts-course-reference p {margin:0 0 16px;}
.aicerts-course-reference p:last-child {margin-bottom:0;}
.aicerts-course-reference .description {display: block;margin-bottom: 8px;font-size: 12px;color: #555;}

#aicerts-mapping-modal {display:flex;width: 100%;height: 100%;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);align-items: center;justify-content: center;}
#aicerts-close-top-mapping-btn {font-size: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.aicerts-box-header {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;}
.aicerts-mapping-content {background:#fff; border:1px solid #ccc; padding:20px; max-width:800px; margin:50px auto; position:relative;z-index:10;}
.aicerts-table-content {max-height:600px;overflow:auto;}
.aicerts-close-mapping-btn {font-size:16px;}

/*templates/aicerts-template-content.php*/
/*Presets*/
.mb-24px {margin-bottom: 24px !important;}
.mb-10px {margin-bottom: 10px !important;}
.loading-state {position: relative;background: #e5e7eb;border-radius: 6px;position: relative;overflow: hidden;width:100%;max-width:100%;}
.loading-state::after{content:"";position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);animation: shimmer 1.3s infinite;}

/*min-height variations for loading state*/
.loading-state.w-auto {width:auto !important;}
.loading-state.max-w-450 {max-width:450px !important;}
.loading-state.max-w-140 {max-width:140px !important;}
.loading-state.max-w-100 {max-width:100px !important;}
.loading-state.max-w-80 {max-width:80px !important;}
.loading-state.min-w-200 {min-width:200px;}
.loading-state.min-h-50 {min-height:50px;}
.loading-state.min-h-40 {min-height:40px;}
.loading-state.min-h-45px {min-height:45px;}
.loading-state.min-h-30 {min-height:30px;}
.loading-state.min-h-20 {min-height:20px;}
.loading-state.min-h-16 {min-height:16px;}
.loading-state.min-h-400 {min-height:400px;}

.loading-state.aicerts-certificate-code {background:#e5e7eb !important;width:125px;min-height:40px;}
.loading-state.exam-title,
.loading-state.aicerts-top-featured-image-box {background:#e5e7eb !important;}
.loading-state.aicerts-tab {width:auto !important;min-width:130px;background:#e5e7eb !important;}

.loading-state-flex {display:flex;gap:16px;}
.loading-state-flex.column {flex-direction:column;}

.aicerts-course-template-main {padding:60px 0;}
.aicerts-course-template-main h1 {font-size:48px;margin:0 0 24px;}
.aicerts-course-template-main h2 {font-size:32px;margin:0 0 24px;}
.aicerts-course-template-main img {max-width:100%;image-rendering:-webkit-optimize-contrast;}

/*Top Section*/
.aicerts-top-section {display:flex;gap:60px;justify-content:flex-start;padding:0 24px;}
.aicerts-top-course-info {flex:1;min-width:0;}
.aicerts-certificate-code {border-radius:50px;padding:8px 20px;text-align:center;display:inline-flex;justify-content:center;align-items:center;background:var(--main-color);color:var(--white-color);font-size:18px;margin-bottom:16px;gap:8px;}
.aicerts-course-tagline {font-size:20px;font-weight:600;}
.aicerts-top-featured-image-container {width:380px;}
.aicerts-top-featured-image-box {padding:60px;display:flex;justify-content:center;align-items:center;border-radius:16px;width:100%;}
.aicerts-top-featured-image-box img {width:260px;height:260px;object-fit:contain;}

.aicerts-course-description ul {list-style-type:none;margin:0;padding:0;}
.aicerts-course-description ul li {position:relative;padding-left:20px;margin-bottom:16px !important;}
.aicerts-course-description ul li:before {content:"";width:8px;height:8px;border-radius:100px;display:block;position:absolute;left:0;top:8px;background:var(--bullet-color);font-size:20px;line-height:1;}

/*Tab Section*/
.aicerts-tabs-section {margin-top:40px;border-top: solid 1px #2a2e36;border-bottom: solid 1px #2a2e36;padding:20px 24px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;}
.aicerts-tab {background:#F3F3F3;padding: 10px 15px;border-radius: 10px;font-size: 16px;display:block;transition:all 0.3s ease-in-out;cursor: pointer;font-weight:500;}
.aicerts-tab:hover, .aicerts-tab.is-active {background:var(--main-color);color:var(--white-color);}

.aicerts-tab-content-holder {position:relative;min-height:550px;}
.aicerts-tab-content {padding:60px 24px; width: 100%;transition: all 0.3s ease-in-out; opacity: 0;visibility: hidden;position:absolute;left:0;top:0;}
.aicerts-tab-content.is-active {opacity: 1;visibility: visible;position: relative;}

/*Overview*/
.aicerts-overview-mainbox {display: grid;justify-content: space-between;grid-template-columns: 1fr 1fr 1fr;gap:16px;grid-template-rows: auto;}
.aicerts-tab-section-overview {margin-bottom:60px;position: relative;}
.aicerts-tab-section-exam-overview {position: relative;width:100%;}
.aicerts-overview-item {width:100%;max-width:100%;border-radius:8px;border:1px solid #b5aeae;background:#ebebeb;padding:20px;text-align:center;transition:all 0.3s linear;}
.aicerts-overview-item h3 {font-size:20px;margin-bottom:16px;color:#000;}
.aicerts-overview-item p {font-size:16px;line-height:1.5;color:#000;margin:0;}
.aicerts-overview-item:hover {background:var(--main-color);color:var(--white-color);border-color:var(--main-color);}
.aicerts-overview-item:hover h3, .aicerts-overview-item:hover p {color:var(--white-color);}

.aicerts-exam-overview-mainbox {padding: 20px;gap: 15px;display: flex;flex-direction: column;border-radius: 10px;width:100%;border:1px solid var(--main-color);}
.aicerts-exam-overview-item {display: flex;gap: 10px;}
.aicerts-exam-overview-item .exam-title {border-radius: 10px;min-width: 205px;text-align: center;padding: 10px;display: flex;align-items: center;justify-content: center;background:var(--main-color);color:var(--white-color);text-transform:uppercase;font-size:18px;font-weight:500;}
.aicerts-exam-overview-item .exam-description {border-radius: 10px;border: 2px solid var(--main-color);padding: 10px 16px;width: 100%;font-size:18px;line-height:1.5;display:flex;align-items:center;flex-wrap:wrap;}

/*Opportunities*/
.aicerts-opportunities-mainbox,
.aicerts-should-enroll-points-mainbox {position: relative;width:100%;}
.aicerts-grid-opportunities {gap:64px;align-items:center;}
.aicerts-should-enroll-points-item {position:relative;padding-left:20px;margin-bottom:16px !important;}
.aicerts-should-enroll-points-item p {margin:0;}
.aicerts-should-enroll-points-item:before {content:"";width:8px;height:8px;border-radius:100px;display:block;position:absolute;left:0;top:8px;background:var(--bullet-color);font-size:20px;line-height:1;}
.aicerts-featured-image {width:100%;border-radius:12px;}

/*Course Modules*/
.main-accordion {display:flex;flex-direction:column;gap:0;}
.accordion-item {display:flex;flex-direction:column;border-bottom:2px solid #BFC0C2;transition:all 0.2s linear;}
.accordion-header {padding:20px 30px;position: relative;display:flex;justify-content:space-between;align-items:flex-start;background:#F3F3F3;cursor: pointer;transition:all 0.1s linear;}
.accordion-title {font-size:20px;font-weight: 500;}
.accordion-icon {font-size:30px !important;transform-origin:center;transition:all 0.3s linear;transform:rotate(0deg);}
.accordion-body {padding:20px 30px;}
.accordion-body ol {margin:0;padding:0;list-style:none;}
.accordion-body ol li {margin-bottom:16px;font-size:18px;line-height:1;font-weight:400;}
.accordion-collapsable {height:0;overflow:hidden;transition:height 0.35s ease;}

/*Accordion open state*/
.accordion-item.is-active .accordion-icon {transform:rotate(180deg);}
.accordion-item:hover,
.accordion-item.is-active {border-bottom-color:var(--main-color);}
.accordion-item:hover .accordion-header,
.accordion-item.is-active .accordion-header {background:var(--main-color);color:var(--white-color);}

/*Tools*/
.aicerts-grid-tools {display:flex;flex-wrap:wrap;gap:32px;align-items:center;}
.aicerts-toolcard {border:1px solid #b5aeae;border-radius:8px;padding:20px;text-align:center;transition:all 0.3s linear;background:var(--white-color);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);padding:20px;width:100%;flex:0 calc(20% - 30px);}
.aicerts-toolcard .aicerts-tool-image {width:100%;height:140px;object-fit:contain;object-position:center;}
.aicerts-toolcard .aicerts-tool-name {display:block;margin-top:12px;font-size:16px;font-weight:500;color:#000;}

/*AiCerts Buy Course Button Box*/
.aicerts-buy-box-inner {display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;flex-direction: column;}
.aicerts-course-price {font-size:20px;line-height:1.3;font-weight:bold;}
.aicerts-buy-btn {border-radius:50px;padding:8px 20px;text-align:center;display:inline-flex;justify-content:center;align-items:center;background:var(--main-color);color:var(--white-color);font-size:18px;font-weight:600;border:1px solid var(--main-color);}
.aicerts-buy-btn:hover {background:transparent;color:var(--main-color);}
.aicerts-continue-course-button {font-size: 14px !important;text-transform: capitalize !important;height: auto;min-height: 0 !important;width: auto;min-width: 0;padding: 16px 24px !important;transition: all 0.3s linear !important;background: var(--bullet-color) !important;border: 1px solid var(--bullet-color) !important;}
.aicerts-continue-course-button:hover {background: transparent !important;color: var(--bullet-color) !important;border: 1px solid var(--bullet-color) !important;}

/*Debug Logs*/
.debug-log-container {display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;}

/*Animation Keyframes*/
@keyframes shimmer{
  100%{transform:translateX(350px);}
}

@media screen and (max-width:1024px) {
  /*templates/aicerts-template-content.php*/
  .aicerts-course-template-main {padding: 40px 0;}
  .aicerts-top-section {gap:30px;}
  .aicerts-overview-mainbox {grid-template-columns:1fr 1fr;}
  .aicerts-grid-opportunities {gap:32px;}
  .aicerts-grid-tools {gap:20px;}
  .aicerts-toolcard .aicerts-tool-image {height:100px;}
  .aicerts-toolcard {flex:0 calc(33.33% - 30px);}
}

@media screen and (max-width:767px) {
  .mobile-grid-stack {grid-template-columns: 1fr !important;}
  .loading-state.min-h-400 {min-height:200px;}
  /*templates/aicerts-template-content.php*/
  .aicerts-course-template-main h1 {font-size: 32px;}
  .aicerts-course-template-main h2 {font-size:24px;}
  .aicerts-top-section {flex-direction: column-reverse;gap: 30px;}
  .aicerts-top-featured-image-container {max-width:100%;width:220px;margin:0;}
  .aicerts-top-featured-image-box {padding:20px;}
  .aicerts-top-featured-image-box img {width:160px;height:160px;object-fit:contain;}
  .aicerts-overview-mainbox {grid-template-columns:1fr;}
  .aicerts-tabs-section {gap:8px;}
  .aicerts-tab {width:100%;}
  .loading-state.aicerts-tab {width:100% !important;min-width:0 !important;}
  .aicerts-tab-section-overview {margin-bottom:40px;}
  .aicerts-tab-content {padding:40px 24px;}

  .aicerts-exam-overview-item {flex-direction:column;gap:0;}
  .aicerts-exam-overview-item .exam-title {width:100%;min-width:0;border-bottom-left-radius:0;border-bottom-right-radius:0;text-align:left;justify-content:flex-start;}
  .aicerts-exam-overview-item .exam-description {width:100%;border-top-left-radius:0;border-top-right-radius:0;}

  .aicerts-grid-opportunities {display:flex;flex-direction:column;gap:32px;}
  .aicerts-opportunities-mainbox {order:2;}

  .aicerts-toolcard {flex: 0 calc(50% - 15px);max-width: calc(50% - 10px);min-width: calc(50% - 10px);}
}