.elementor-1536 .elementor-element.elementor-element-64c08126{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 40px;--row-gap:0px;--column-gap:40px;}.elementor-1536 .elementor-element.elementor-element-50c5b5e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1536 .elementor-element.elementor-element-3f14daed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1536 .elementor-element.elementor-element-3dbab03{--display:flex;}@media(min-width:769px){.elementor-1536 .elementor-element.elementor-element-50c5b5e7{--width:70%;}.elementor-1536 .elementor-element.elementor-element-3f14daed{--width:30%;}}/* Start custom CSS for shortcode, class: .elementor-element-378b2a7 *//* =========================================
   STYLE CHO NÚT BẮT ĐẦU (CHUẨN EFFECT 3D)
   ========================================= */

/* 1. KHUNG NGOÀI */
.ld-start-card {
  width: 200px;
  height: 60px;
  perspective: 1000px; /* Tạo độ sâu 3D chuẩn */
  margin: 10px;
  cursor: pointer;
}

/* 2. KHUNG TRONG (Cốt lõi của hiệu ứng) */
.ld-start-card-inner {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  
  /* QUAN TRỌNG: Giữ nguyên tốc độ 0.999s như mẫu để lật mượt và đầm hơn */
  transition: transform 0.7s; 
}

/* Hiệu ứng lật khi di chuột */
.ld-start-card:hover .ld-start-card-inner {
  transform: rotateY(180deg);
}

/* 3. CẤU TRÚC CHUNG CỦA 2 MẶT */
.ld-start-card-front,
.ld-start-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden; /* Ẩn mặt sau khi lật */
  
  /* Flexbox căn giữa chuẩn theo mẫu */
  display: flex;
  align-items: center; 
  justify-content: center;
  
  /* Border radius */
  border-radius: 10px;
  
  /* Font chữ bro yêu cầu */
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  box-sizing: border-box; /* Để border không làm vỡ khung */
}

/* 4. XỬ LÝ TEXT (Fix dính dòng) */
.ld-start-card-front p,
.ld-start-card-back p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}

/* 5. MẶT TRƯỚC (XANH DƯƠNG) */
.ld-start-card-front {
  background-color: #007bff;
  color: #fff;
  /* Viền cùng tông màu như mẫu, để 3px cho hợp nút nhỏ */
  border: 3px solid #007bff; 
  transform: rotateY(0deg);
}

/* 6. MẶT SAU (CAM) */
.ld-start-card-back {
  background-color: #F08A5D;
  color: #fff;
  /* Viền cùng tông màu như mẫu */
  border: 3px solid #F08A5D;
  transform: rotateY(180deg);
}
/* CONTAINER CHÍNH - Dùng gốc của bạn */
.ld-flashcard-container {
    max-width: 850px;
    margin: 20px auto;
    background: #f8fafc;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    position: relative;
}

/* NÚT FULLSCREEN */
.ld-flashcard-header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}
#full-screen-btn {
    background: #fff;
    border: 1px solid #e2e8f0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #475569;
}

/* KHUNG THẺ */
.ld-flashcard-wrapper {
    position: relative;
    height: 500px;
    perspective: 1500px;
    width: 100%;
}
.ld-flashcard-item {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
}
.ld-flashcard-item.active { display: block; }

.ld-flashcard-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    cursor: pointer;
}
.ld-flashcard-item.is-flipped .ld-flashcard-inner { transform: rotateY(180deg); }

/* MẶT TRƯỚC & SAU */
.ld-flashcard-front, .ld-flashcard-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    
    /* Padding: Giữ khoảng cách đều các cạnh */
    padding: 30px 20px; 
    box-sizing: border-box;
    
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    border: 1px solid #edf2f7;
    
    /* QUAN TRỌNG: Xử lý cuộn cho nội dung dài */
    overflow-y: auto;
    overflow-x: hidden;
    
    /* FIX LỖI CẮT ĐẦU: */
    /* Thay vì dùng flex để căn giữa toàn bộ container, ta sẽ dùng flex để quản lý layout */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Luôn bắt đầu từ trên xuống */
}

/* TẠO HIỆU ỨNG "SAFE CENTER": 
   Thêm css cho các phần tử con để chúng tự căn giữa khi ngắn, 
   nhưng vẫn cuộn được khi dài.
*/

/* Đẩy nội dung chính (badge + câu hỏi) xuống một chút nếu nó quá ngắn */
.ld-flashcard-front::before, .ld-flashcard-back::before {
    content: '';
    flex: 1; /* Tạo khoảng trống phía trên */
    min-height: 0; /* Cho phép thu nhỏ về 0 nếu nội dung dài */
}

.ld-flashcard-front::after, .ld-flashcard-back::after {
    content: '';
    flex: 1; /* Tạo khoảng trống phía dưới */
    min-height: 0;
}

/* Đảm bảo nội dung không bị co quá mức */
.flashcard-content-main, .flashcard-options-front, .ld-flashcard-back .flashcard-correct-list {
    flex-shrink: 0; 
}

/* Tùy chỉnh thanh cuộn cho đẹp (Chrome/Safari/Edge) */
.ld-flashcard-front::-webkit-scrollbar, .ld-flashcard-back::-webkit-scrollbar {
    width: 6px;
}
.ld-flashcard-front::-webkit-scrollbar-track, .ld-flashcard-back::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    margin: 10px 0; /* Cách đầu đuôi ra 1 chút */
}
.ld-flashcard-front::-webkit-scrollbar-thumb, .ld-flashcard-back::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
.ld-flashcard-front::-webkit-scrollbar-thumb:hover, .ld-flashcard-back::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Mặt sau xoay 180 độ */
.ld-flashcard-back { transform: rotateY(180deg); }
/* NỘI DUNG */
.flashcard-badge {
    display: inline-block;
    background: #0097a7; /* ĐÃ ĐỔI: Tím -> Xanh Xyan Đậm */
    color: #fff;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    width: fit-content;
}
.flashcard-content-main {
    font-size: 1.2rem;
    line-height: 1.5;
    color: #1e293b;
    margin-bottom: 20px;
}

/* Ô ĐÁP ÁN MẶT TRƯỚC */
.flashcard-options-front {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.opt-item {
    background: #f8fafc;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    font-size: 0.95rem;
    text-align: left;
}

/* ĐÁP ÁN MẶT SAU */
.ans-correct-box {
    background: #ecfdf5;
    border-left: 4px solid #10b981;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    margin-bottom: 10px;
    font-size: 0.95rem;
    text-align: left;
}

/* ĐIỀU KHIỂN */
.ld-flashcard-footer { margin-top: 15px; }
.ld-flashcard-controls { display: flex; align-items: center; gap: 10px; }
.ld-flashcard-controls button {
    width: 40px; height: 40px; border-radius: 50%; border: none;
    background: #00838f; color: #fff; cursor: pointer;
}
.ld-flashcard-controls button:hover {
    background: #006064; /* Đậm hơn khi hover */
}
.progress-bar-container { flex: 1; height: 6px; background: #e2e8f0; border-radius: 10px; }
.progress-bar-fill { height: 100%; background: #0097a7; border-radius: 10px; }
#card-counter-text { text-align: center; margin-top: 8px; font-size: 13px; color: #94a3b8; }

/* =================================================================
   TỐI ƯU CHO ĐIỆN THOẠI (GIỮ NGUYÊN THÔNG SỐ CỦA BẠN)
   ================================================================= */
@media (max-width: 600px) {
    .ld-flashcard-container { padding: 10px; margin: 10px auto; }
    .ld-flashcard-front, .ld-flashcard-back { padding: 15px; }
    .flashcard-content-main { font-size: 1.05rem; margin-bottom: 15px; }
    .opt-item { padding: 8px 12px; font-size: 0.88rem; border-radius: 8px; }
    .ld-flashcard-wrapper { height: 460px; }
    .ans-correct-box { padding: 10px; font-size: 0.88rem; }
}

/* =================================================================
   CHẾ ĐỘ FULL SCREEN - FIX CĂN GIỮA VÀ TO TRÊN PC
   ================================================================= */
.is-fullscreen {
    width: 100vw !important;
    height: 100vh !important;
    background: #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;    /* Căn giữa dọc màn hình */
    justify-content: center !important;  /* Căn giữa ngang màn hình */
    padding: 0 !important;
}

.is-fullscreen .ld-flashcard-container {
    width: 95% !important;
    height: 60vh !important; /* Ép thẻ cao 90% màn hình PC */
    max-width: 1200px !important; /* Ép thẻ rộng tối đa 1200px trên PC */
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
}

.is-fullscreen .ld-flashcard-wrapper {
    height: 100% !important; /* Cho phép thẻ chiếm hết chiều cao container */
    flex: 1;
}

/* Khi Fullscreen trên Mobile thì thu nhỏ lại cho vừa */
@media (max-width: 600px) {
    .is-fullscreen .ld-flashcard-container {
        height: 100% !important;
        width: 100% !important;
        padding: 10px !important;
    }
}

.is-fullscreen #full-screen-btn .fs-open { display: none; }
.is-fullscreen #full-screen-btn .fs-close { display: block; }/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-7c0647e3 *//* ================================================================= */
/* STYLE NÚT NỘP BÀI & NÚT TRANG - PHIÊN BẢN FINAL (ALL-IN-ONE)      */
/* --- BẮT ĐẦU CSS LOADING --- */

/* 1. Ẩn nút "Bắt đầu Trắc nghiệm" mặc định đi */
.wpProQuiz_text input.wpProQuiz_button {
    display: none !important;
}

/* 2. Thiết lập khung bao (tương ứng class .loader cũ) */
.wpProQuiz_text {
    position: relative;
    min-height: 80px; /* Tạo khoảng trống để hiện loading */
    display: flex;       /* Canh giữa loading */
    justify-content: center;
    align-items: center;
    background: transparent; /* Đảm bảo nền trong suốt */
}

/* 3. Biến thẻ div bên trong thành thanh loading chính (tương ứng .jimu-primary-loading) */
.wpProQuiz_text > div {
    position: relative;
    text-indent: -9999em; /* Giấu text nếu có */
    background: #076fe5;
    -webkit-animation: loading-keys-app-loading 0.8s infinite ease-in-out;
    animation: loading-keys-app-loading 0.8s infinite ease-in-out;
    width: 13.6px;
    height: 32px;
    -webkit-animation-delay: 0.16s !important;
    animation-delay: 0.16s !important;
    
    /* Reset lại margin để canh giữa trong flex box */
    margin: 0 !important; 
    top: auto;
    left: auto;
    right: auto;
}

/* 4. Tạo 2 thanh nhảy múa 2 bên */
.wpProQuiz_text > div:before,
.wpProQuiz_text > div:after {
    position: absolute;
    top: 0;
    content: '';
    background: #076fe5;
    -webkit-animation: loading-keys-app-loading 0.8s infinite ease-in-out;
    animation: loading-keys-app-loading 0.8s infinite ease-in-out;
    width: 13.6px;
    height: 32px;
}

.wpProQuiz_text > div:before {
    left: -19.992px;
}

.wpProQuiz_text > div:after {
    left: 19.992px;
    -webkit-animation-delay: 0.32s !important;
    animation-delay: 0.32s !important;
}

/* 5. Keyframes chuyển động */
@-webkit-keyframes loading-keys-app-loading {
    0%, 80%, 100% {
        opacity: .75;
        box-shadow: 0 0 #076fe5;
        height: 32px;
    }
    40% {
        opacity: 1;
        box-shadow: 0 -8px #076fe5;
        height: 40px;
    }
}

@keyframes loading-keys-app-loading {
    0%, 80%, 100% {
        opacity: .75;
        box-shadow: 0 0 #076fe5;
        height: 32px;
    }
    40% {
        opacity: 1;
        box-shadow: 0 -8px #076fe5;
        height: 40px;
    }
}

input[name="checkSingle"].wpProQuiz_button.wpProQuiz_QuestionButton,
input[name="wpProQuiz_pageLeft"].wpProQuiz_button.wpProQuiz_QuestionButton,
input[name="wpProQuiz_pageRight"].wpProQuiz_button.wpProQuiz_QuestionButton 
{
    /* --- 1. CẤU HÌNH CƠ BẢN --- */
    --btn-height: 46px;
    
    appearance: none;
    -webkit-appearance: none;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer;
    
    /* --- 2. MÀU SẮC & NỀN --- */
    background-color: #f7f8f7 !important;
    color: #333 !important;
    
    /* --- 3. BÓNG ĐỔ 3D --- */
    box-shadow: 
        0 0.5px 0.5px 1px rgba(255, 255, 255, 0.2),
        0 4px 8px rgba(0, 0, 0, 0.1), 
        0 2px 3px rgba(0, 0, 0, 0.05) !important;

    /* --- 4. KÍCH THƯỚC & FONT (Mặc định cho PC) --- */
    height: var(--btn-height) !important;
    padding: 0 20px 0 50px !important; /* Chừa 50px bên trái cho icon */
    min-width: 160px;
    
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;
    line-height: var(--btn-height) !important;
    
    /* --- 5. ICON MÁY BAY (Đã xoay ngang chuẩn) --- */
    /* Mình đã thêm transform='rotate(45 12 12)' vào SVG để máy bay nằm ngang */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' width='24' height='24'%3E%3Cg transform='rotate(45 12 12)' style='filter: drop-shadow(0 1px 1px rgba(0,0,0,0.2))'%3E%3Cpath d='M14.2 21.6c-1.2 0-2.9-.8-4.2-4.8l-.7-2.2-2.1-.7c-4-1.3-4.8-3-4.8-4.1 0-1.2.8-2.9 4.8-4.2L15.7 2.8c2.1-.7 3.9-.5 5 .6 1.1 1.1 1.3 2.9.6 5L18.4 16.8c-1.3 4-3 4.8-4.2 4.8zM7.6 7c-2.8.9-3.8 2-3.8 2.7 0 .7 1 1.8 3.8 2.7l2.5.8c.2.1.4.3.5.5l.8 2.5c.9 2.8 2 3.8 2.7 3.8.7 0 1.8-1 2.7-3.8L19.8 7.9c.5-1.5.4-2.8-.2-3.4-.6-.6-1.9-.7-3.4-.2L7.6 7z' fill='%23333'/%3E%3Cpath d='M10.1 14.4c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1l3.6-3.6c.3-.3.8-.3 1.1 0 .3.3.3.8 0 1.1l-3.6 3.6c-.1.1-.3.2-.5.2z' fill='%23333'/%3E%3C/g%3E%3C/svg%3E") !important;
    
    background-repeat: no-repeat !important;
    background-position: 20px center !important; 
    background-size: 20px 20px !important;
    
    /* --- 6. CHUYỂN ĐỘNG --- */
    /* Reset khi thả chuột ra */
    transition: background-position 0s, transform 0.2s, box-shadow 0.2s !important;
    transform: scale(1);
    float: right;
}

/* Xử lý float cho nút trang trái */
input[name="wpProQuiz_pageLeft"].wpProQuiz_button.wpProQuiz_QuestionButton { float: left !important; }

/* --- TRẠNG THÁI HOVER (DI CHUỘT VÀO) --- */
input[name="checkSingle"].wpProQuiz_button.wpProQuiz_QuestionButton:hover,
input[name="wpProQuiz_pageLeft"].wpProQuiz_button.wpProQuiz_QuestionButton:hover,
input[name="wpProQuiz_pageRight"].wpProQuiz_button.wpProQuiz_QuestionButton:hover {
    transform: translateY(-2px);
    background-color: #fff !important;
    box-shadow: 
        0 0 1px 2px rgba(255, 255, 255, 0.5),
        0 8px 15px rgba(0, 0, 0, 0.15) !important;
        
    /* LẤY ĐÀ: Chỉ nhích sang phải (không bị lệch lên trên nữa) */
    background-position: 25px center !important; 
    transition: all 0.3s ease !important;
}

/* --- TRẠNG THÁI ACTIVE (BẤM GIỮ) - BAY MƯỢT --- */
input[name="checkSingle"].wpProQuiz_button.wpProQuiz_QuestionButton:active,
input[name="wpProQuiz_pageLeft"].wpProQuiz_button.wpProQuiz_QuestionButton:active,
input[name="wpProQuiz_pageRight"].wpProQuiz_button.wpProQuiz_QuestionButton:active {
    transform: translateY(1px) scale(0.98);
    box-shadow: 
        0 0 1px 2px rgba(255, 255, 255, 0.3),
        0 2px 4px rgba(0, 0, 0, 0.1) !important;
        
    /* BAY ĐI: Bay thẳng sang phải ra ngoài */
    /* calc(100% + 150px) đảm bảo bay mất hút */
    background-position: calc(100% + 150px) center !important; 
    
    /* Tách transition: Máy bay bay chậm (0.8s), nút nhún nhanh (0.1s) */
    transition: 
        background-position 0.8s ease-in, /* Bay từ từ */
        transform 0.1s ease,
        box-shadow 0.1s ease !important;
}

/* ================================================================= */
/* TỐI ƯU CHO ĐIỆN THOẠI (MOBILE RESPONSIVE)                         */
/* ================================================================= */
@media only screen and (max-width: 767px) {
    input[name="checkSingle"].wpProQuiz_button.wpProQuiz_QuestionButton,
    input[name="wpProQuiz_pageLeft"].wpProQuiz_button.wpProQuiz_QuestionButton,
    input[name="wpProQuiz_pageRight"].wpProQuiz_button.wpProQuiz_QuestionButton {
        
        /* 1. Bỏ chiều cao cố định để nút tự giãn ra chứa chữ */
        height: auto !important;
        min-height: 46px !important;

        /* 2. Cho phép chữ xuống dòng */
        white-space: normal !important;
        word-wrap: break-word !important;
        
        /* 3. Chỉnh lại dòng chữ cho thoáng */
        line-height: 1.4 !important;
        
        /* 4. Thêm đệm trên dưới để chữ không dính mép */
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        
        /* Giữ khoảng trống bên trái cho icon máy bay */
        padding-left: 50px !important; 
        padding-right: 15px !important;

        /* 5. Giữ icon máy bay luôn ở giữa theo chiều dọc */
        background-position: 20px center !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-538b9cc */.wpProQuiz_reviewDiv {
    padding-bottom: 0px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-372f756d *//* --- CONTAINER CHÍNH --- */
.gemini-exam-context-wrapper.gemini-modern-theme {
    margin: 10px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    max-width: 100%;
    box-sizing: border-box;
}
.gemini-exam-context-wrapper.gemini-modern-theme * {
    box-sizing: border-box;
}

/* --- TIÊU ĐỀ SECTION --- */
.g-section-title {
    font-size: 16px;
    color: #006064; /* Cyan đậm */
    margin: 0 0 15px 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
}
.g-section-title::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 18px;
    background: #00bcd4; /* Thanh màu bên trái */
    margin-right: 10px;
    border-radius: 4px;
}

/* --- 1. PHẦN ĐỀ LẺ LIÊN QUAN (BOX STYLE) --- */
ul.g-exam-list-simple {
    list-style: none !important; /* Gốc đã có nhưng chưa đủ đô */
    padding: 0 !important;
    margin: 0 0 35px 0 !important;
    
    /* Grid Layout: 2 cột trên PC, 1 cột trên Mobile */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
    gap: 12px;
}

/* --- FIX DẤU CHẤM (QUAN TRỌNG) --- */
ul.g-exam-list-simple li {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    list-style-type: none !important; /* Xóa style của thẻ li */
}

/* Ẩn triệt để pseudo-element tạo dấu chấm của Theme */
ul.g-exam-list-simple li::before,
ul.g-exam-list-simple li::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

ul.g-exam-list-simple li a {
    display: flex; /* Căn chỉnh icon và text */
    align-items: center;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid #e0e0e0; /* Viền xám mờ */
    border-radius: 50px; /* BO TRÒN DẠNG VIÊN THUỐC (PILL) */
    text-decoration: none !important;
    color: #455a64;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); /* Animation mượt */
    box-shadow: 0 2px 5px rgba(0,0,0,0.02); /* Bóng rất nhẹ */
    position: relative;
    overflow: hidden;
}

/* Icon mũi tên */
.g-link-icon {
    margin-right: 10px;
    color: #b0bec5;
    font-size: 16px;
    transition: transform 0.2s;
}

/* Hover Effect: Tinh tế */
ul.g-exam-list-simple li a:hover {
    border-color: #26c6da; /* Đổi màu viền sang Cyan */
    background: #f0fdff; /* Nền xanh siêu nhạt */
    color: #00838f; /* Text đậm màu */
    transform: translateY(-3px); /* Nổi lên trên */
    box-shadow: 0 6px 12px rgba(0, 131, 143, 0.15); /* Bóng đổ sâu hơn */
}

ul.g-exam-list-simple li a:hover .g-link-icon {
    color: #00bcd4;
    transform: translateX(3px); /* Mũi tên chạy sang phải */
}

/* --- 2. ALERT BOX (Bộ đề hiện tại) --- */
.gemini-current-series-alert {
    background: linear-gradient(to right, #e0f7fa, #fff); /* Gradient nhẹ */
    border: 1px solid #b2ebf2;
    padding: 15px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
}
.g-alert-content { display: flex; flex-direction: column; }
.g-alert-label { font-size: 11px; text-transform: uppercase; color: #0097a7; letter-spacing: 1px; font-weight: 600;}
.g-series-name { color: #006064; font-size: 16px; font-weight: 700; }
.g-btn-back {
    padding: 8px 18px;
    background-color: #fff;
    border: 1px solid #00bcd4;
    color: #00838f !important;
    text-decoration: none !important;
    border-radius: 20px; /* Nút bo tròn */
    font-size: 13px; font-weight: 600;
    transition: all 0.2s;
}
.g-btn-back:hover { background: #00bcd4; color: #fff !important; box-shadow: 0 4px 10px rgba(0, 188, 212, 0.3); }

/* --- 3. GRID BỘ ĐỀ LỚN KHÁC (Dưới cùng) --- */
.gemini-series-grid-mini {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 15px;
}
.g-series-card-mini {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 15px;
    background: #fff;
    border: 1px dashed #cfd8dc; /* Viền nét đứt tạo sự khác biệt */
    border-radius: 10px;
    text-decoration: none !important;
    transition: all 0.2s;
}
.g-series-card-mini:hover {
    border-style: solid; /* Hover thành nét liền */
    border-color: #00bcd4;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.06);
}
.g-card-icon { font-size: 24px; }
.g-card-name { font-weight: 600; color: #546e7a; font-size: 13px; line-height: 1.3; }
.g-series-card-mini:hover .g-card-name { color: #00838f; }
.g-card-count { font-size: 11px; color: #90a4ae; display: block; margin-top: 2px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f14daed *//* --- KHUNG BAO NGOÀI --- */
.gemini-exam-series-container {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}

.g-series-title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}

/* --- DANH SÁCH LIST DỌC --- */
.g-series-list-seo {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.g-series-item-seo {
    margin: 0 !important;
}

.g-series-item-seo a {
    display: flex;
    align-items: flex-start;
    padding: 10px 15px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 6px;
    text-decoration: none !important;
    color: #555 !important;
    transition: all 0.2s ease;
    line-height: 1.5;
    font-size: 14px;
}

/* Hiệu ứng Hover */
.g-series-item-seo a:hover {
    background-color: #fff;
    border-color: #2271b1;
    color: #2271b1 !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.05);
    transform: translateX(5px);
}

/* Đề cùng chủ đề (Có tên giống) thì cho đậm lên chút */
.g-series-item-seo.g-topic-match a {
    color: #333 !important; /* Màu chữ đậm hơn */
    font-weight: 500;
    background-color: #fcfcfc;
}

.g-series-item-seo .g-icon {
    margin-right: 12px;
    flex-shrink: 0;
    font-size: 16px;
}
.gemini_nearby_exams {
    /* Kích hoạt chế độ dính */
    position: -webkit-sticky; /* Cho trình duyệt Safari cũ */
    position: sticky;
    
    /* Khoảng cách từ mép trên cùng màn hình khi dính lại */
    /* Bạn chỉnh số này lớn hơn chiều cao Menu của bạn nhé */
    top: 120px; 

    /* Đảm bảo nó nổi lên trên nếu có gì che */
    z-index: 10; 
}/* End custom CSS */