/*
 Theme Name:   Agtek Drone Academy Child Theme
 Theme URI:    https://hocviendrone.edu.vn/
 Description:  Agtek Drone Academy Child Theme
 Author:       Nguyen Ngoc Anh
 Author URI:   https://hocviendrone.edu.vn/
 Template:     drone-media
 Version:      2.10.0
 Tags: Học viện Drone, Học viện Drone Agtek, hoc vien drone, drone, drone academy, agtek, services, nha be agri, dji agras
 Text Domain:  drone-media
*/

/* =Theme customization starts here
------------------------------------------------------------ */

/* =============================
   FONT
============================= */
@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/UTMBebas.eot');
    src: url('fonts/UTMBebas.eot?#iefix') format('embedded-opentype'),
         url('fonts/UTMBebas.woff2') format('woff2'),
         url('fonts/UTMBebas.woff') format('woff'),
         url('fonts/UTMBebas.ttf') format('truetype'),
         url('fonts/UTMBebas.svg#UTMBebas') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* =============================
   TUTOR LMS – TYPO
============================= */
h1.tutor-course-details-title span {
    font-weight: 400 !important;
}
h2.tutor-fs-5.tutor-fw-bold,
h3.tutor-fs-5.tutor-fw-bold {
    font-weight: 300 !important;
}
.tutor-meta.tutor-course-details-info {
    display: none;
}

/* =============================
   SINGLE POST LAYOUT – SAFE
============================= */
.post_header_wrap_style_style-3 .post_header .content_wrap {
    width: var(--theme-var-page) !important;
    max-width: 100%;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .post_content.post_content_single.entry-content {
        text-align: justify;
    }
}

/* Giữ ổn định hero image – không phá layout */
.single .post_featured img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* Không thay đổi vị trí title, chỉ ổn định hiển thị */
.single .post_header {
    will-change: transform;
}

/* =============================
   TRỐNG ĐỒNG FULL WIDTH DƯỚI FOOTER
============================= */

.body_wrap {
    position: relative;
    overflow: hidden;
}

.body_wrap::after {
    content: "";
    position: absolute;

    width: 105vw;
    aspect-ratio: 1 / 1;

    left: 50%;
    transform: translateX(-50%);

    /* 20% trống đồng */
    bottom: -80vw;

    background-image: url("/wp-content/themes/drone-media-child/assets/images/trong-dong.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;

    opacity: var(--trongdong-opacity, 0.15);
    pointer-events: none;
    z-index: 0;

    animation: trongDongRotate 90s linear infinite;
}

@keyframes trongDongRotate {
    from { transform: translateX(-50%) rotate(360deg); }
    to   { transform: translateX(-50%) rotate(0deg); }
}
/*---End them trong dong footer--*/
/* =============================
   FLUENT FORMS – UI / UX
============================= */
.ff-el-is-error input,
.ff-el-is-error textarea {
    border-color: #e53935 !important;
    background: #fffafa;
}

.ff-el-help-text {
    margin-top: 6px;
    padding: 8px 12px;
    background: #fdecea;
    border-left: 4px solid #e53935;
    color: #b71c1c;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    animation: fadeInError .25s ease;
}

.ff-el-help-text::before {
    content: "⚠️";
    font-size: 16px;
}

@keyframes fadeInError {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Fix rung Mobile */
.ff-el-is-error {
    animation: ffShake 0.35s ease-in-out;
}

@keyframes ffShake {
    0% {transform: translateX(0)}
    25% {transform: translateX(-4px)}
    50% {transform: translateX(4px)}
    75% {transform: translateX(-4px)}
    100% {transform: translateX(0)}
}

.ff-btn-disabled,
.ff-btn-next:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

/* ===== BUTTON STYLE ===== */
.fluentform .ff-btn,
.fluentform .ff-btn-prev,
.fluentform .ff-btn-next,
.fluentform .ff-btn-submit {
    min-height: 48px;
    padding: 0 28px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transition: all .2s ease;
}

.fluentform .ff-btn-submit {
    background: #00a3e0;
    color: #fff;
    border: none;
}

.fluentform .ff-btn-submit:hover:not(:disabled) {
    background: #008fc4;
}

.fluentform .ff-btn-submit:disabled {
    opacity: .6;
    background: #00a3e0;
}

/* ===== STEP ACTIONS ===== */
.fluentform .ff-step-actions {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .fluentform .ff-step-actions {
        flex-direction: column;
    }

    .fluentform .ff-btn,
    .fluentform .ff-btn-prev,
    .fluentform .ff-btn-next,
    .fluentform .ff-btn-submit {
        width: 100%;
    }
}

/* =============================
   COMMENT FORM – SAFE
============================= */
.comment-form input,
.comment-form textarea {
    max-width: 100%;
}

}
/*-- Fix Turo LMS --*/
h1.tutor-course-details-title span {
    font-weight: 400 !important;
}
h2.tutor-fs-5.tutor-fw-bold, h3.tutor-fs-5.tutor-fw-bold {
    font-weight: 300 !important;
}
.tutor-meta.tutor-course-details-info {
    display: none;
    opacity: 0;
}
.post_header_wrap_style_style-3 .post_header .content_wrap {
    width: var(--theme-var-page) !important;
    max-width: 100%;
    margin: 0 auto;
}
.post_content.post_content_single.entry-content {
    text-align: justify;
}
.tutor-course-topic-item input[type="checkbox"] {
    position: relative !important;
}
/* ===============================
   Tutor Login – ONLY add logo & icons
   Keep original layout & button
================================ */

/* 1. Logo phía trên form */
.tutor-login-form-wrapper::before {
    content: "";
    display: block;
    width: 160px;
    height: 50px;
    margin: 0 auto 16px;
    background: url("/wp-content/themes/drone-media-child/assets/images/logo-login.png") no-repeat center;
    background-size: contain;
}

/* 2. Căn giữa tiêu đề Welcome */
.tutor-login-form-wrapper .tutor-fs-5 {
    text-align: center;
}

/* 3. Wrapper input để gắn icon */
.tutor-login-form-wrapper .tutor-form-group {
    position: relative;
}

/* 4. Icon USER – Username / Email */
.tutor-login-form-wrapper
input[type="text"],
.tutor-login-form-wrapper
input[type="email"] {
    padding-left: 44px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%2394a3b8' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.7 0 4.5-2.1 4.5-4.5S14.7 3 12 3 7.5 5.1 7.5 7.5 9.3 12 12 12zm0 2c-3 0-9 1.5-9 4.5V21h18v-2.5c0-3-6-4.5-9-4.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 14px center;
}

/* 5. Icon LOCK – Password */
.tutor-login-form-wrapper
input[type="password"] {
    padding-left: 44px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%2394a3b8' viewBox='0 0 24 24'%3E%3Cpath d='M17 9h-1V7a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2zm-6 7.7V17a1 1 0 0 1 2 0v-.3a1.7 1.7 0 1 1-2 0zM10 9V7a2 2 0 0 1 4 0v2h-4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 14px center;
}

/* 6. Mobile – giữ y nguyên layout Tutor */
@media (max-width: 768px) {
    .tutor-login-form-wrapper::before {
        margin-top: 10px;
    }
}
/*Fix màu chữ trong thanh tời lượng*/
.tutor-text-primary {
    color: var(--tutor-color-primary);
}