/*
 Theme Name:   GYM Store Child Theme
 Theme URI:    https://gym-store.axiomthemes.com/
 Description:  GYM Store Child Theme
 Author:       AxiomThemes
 Author URI:   https://axiomthemes.com
 Template:     gym-store
 Version:      1.0
 Tags:         bodybuilding, fitness, gym, health, martial arts, personal trainer, coach, sports, workout, training, crossfit, sport shop, sportswear, swimming pool, yoga
 Text Domain:  gym-store
*/


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

/*    Style Mr Kun     */
.sc_layouts_title_caption {
    display: none;
}

/* Tùy chỉnh màu sắc và bố cục cho CF7 */
/* Container tổng */
.custom-order-wrapper {
    background: #111;
    padding: 20px 30px;
    color: #fff;
    max-width: 100%;
}

/* Header */
.hotline-label { font-size: 13px; color: #888; margin: 0; }
.hotline-number { font-size: 26px; font-weight: bold; color: #ff8a00; margin: 5px 0 15px 0; }
.product-label { font-size: 15px; margin-bottom: 25px; }
.product-name { color: #ff8a00; font-weight: 600; }

/* Bố cục hàng */
.custom-order-wrapper .form-row {
    display: flex;
    gap: 25px;
    margin-bottom: 20px;
}
.custom-order-wrapper .form-group { flex: 1; }

/* Style đồng nhất tất cả các ô: Gạch chân, không nền */
.custom-order-wrapper input:not([type="submit"]) {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #444 !important;
    color: #fff !important;
    padding: 10px 0 !important;
    font-size: 15px !important;
    border-radius: 0 !important;
    outline: none !important;
}

/* Hiệu ứng khi click vào ô */
.custom-order-wrapper input:focus {
    border-bottom: 1px solid #ff8a00 !important;
}

/* Xóa nút mũi tên tăng giảm của ô Số lượng cho đẹp */
.custom-order-wrapper input[type=number]::-webkit-inner-spin-button, 
.custom-order-wrapper input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

/* Nút gửi hàng */
.submit-row { margin-top: 30px; }
.custom-order-wrapper .wpcf7-submit {
    background: #ff8a00 !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 40px !important;
    font-weight: bold !important;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
    transition: 0.3s;
}
.custom-order-wrapper .wpcf7-submit:hover { background: #e67e00 !important; }

/* Responsive */
@media (max-width: 600px) {
    .custom-order-wrapper .form-row { flex-direction: column; gap: 15px; }
}