// ================= FRONTEND CSS (login gate) =================
// Carrega o CSS do plugin nas páginas restritas e injeta um fallback inline.
// Motivo: alguns temas/caches impedem o CSS do plugin de entrar a tempo.
add_action('wp_enqueue_scripts', 'mid_ar_enqueue_front_css', 99);
function mid_ar_enqueue_front_css() {
    $pid = get_queried_object_id();

    // Só nas páginas marcadas como restritas
    if ( ! ( is_singular() && $pid && get_post_meta($pid, MID_AR_META_KEY, true) ) ) return;

    // 1) Enfileira o arquivo do plugin
    wp_enqueue_style(
        'mid-area-restrita',
        plugin_dir_url(__FILE__) . 'css/dashboard.css',
        [],
        '1.2'
    );

    // 2) Fallback: CSS mínimo inline no <head> (garante o card mesmo com cache/minify)
    add_action('wp_head', 'mid_ar_inline_fallback_css', 1);
}

function mid_ar_inline_fallback_css(){
    ?>
    <style id="mid-ar-fallback">
      /* ---- Gate de login: layout base ---- */
      .mid-ar-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:48px 16px;}
      .mid-ar-card{width:100%;max-width:520px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.08);padding:28px 24px;}
      .mid-ar-card h1{margin:0 0 6px;font-size:28px;line-height:1.2;}
      .mid-ar-card p{margin:0 0 14px;color:#575a5f;}
      .mid-ar-card label{display:block;font-weight:600;margin:8px 0 6px;}
      .mid-ar-card input.input,
      .mid-ar-card input[type="text"],
      .mid-ar-card input[type="password"]{width:100%;padding:12px 14px;border:1px solid #d7dce1;border-radius:10px;background:#f8fafc;transition:border .2s,box-shadow .2s;}
      .mid-ar-card input:focus{border-color:#6366f1;outline:0;box-shadow:0 0 0 3px rgba(99,102,241,.15);}
      .mid-ar-card .login-remember,.mid-ar-card .forgetmenot{display:flex;align-items:center;gap:8px;margin:6px 0 12px;}
      .mid-ar-card #wp-submit{width:100%;padding:12px 14px;border:0;border-radius:10px;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(90deg,#7c3aed,#6366f1);box-shadow:0 6px 18px rgba(99,102,241,.25);}
      .mid-ar-card #wp-submit:hover{filter:brightness(1.03);}
      .mid-ar-card #wp-submit:active{transform:translateY(1px);}
      .mid-ar-help{margin-top:10px;text-align:center;}
      .mid-ar-help a{text-decoration:none;}
      /* ---- Logo acima do form (120px) ---- */
      .mid-ar-logo{display:flex;justify-content:center;margin:0 0 12px;}
      .mid-ar-card .custom-logo,.mid-ar-logo img{max-width:120px;height:auto;display:block}
      .mid-ar-card .mid-site-title{font-weight:800;font-size:20px}
    </style>
    <?php
}



/* =============================
   ACF - Campos com estilo moderno (input com ícone)
   ============================= */

.acf-field input[type="text"],
.acf-field input[type="email"],
.acf-field input[type="number"],
.acf-field input[type="url"],
.acf-field textarea {
    width: 100% !important;
    padding: 12px 16px 12px 42px !important;
    font-size: 15px !important;
    border: 2px solid #ccc !important;
    border-radius: 30px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    position: relative !important;
    transition: border 0.3s ease, box-shadow 0.3s ease;
}

/* Efeito no foco */
.acf-field input[type="text"]:focus,
.acf-field input[type="email"]:focus,
.acf-field input[type="number"]:focus,
.acf-field input[type="url"]:focus,
.acf-field textarea:focus {
    border-color: #008892 !important; /* teal */
    box-shadow: 0 0 0 3px rgba(0, 136, 146, 0.15) !important;
    outline: none !important;
}

/* Labels */
.acf-field label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #444 !important;
    margin-bottom: 5px !important;
    display: block !important;
}

/* Ícone fake dentro do input (estilo da referência) */
.acf-field:has(input[type="email"])::before {
    content: "✉️";
    position: absolute;
    margin-left: 12px;
    margin-top: 37px;
    font-size: 16px;
    color: #aaa;
    pointer-events: none;
}




/* =============================
   Estilo do formulário de lead (shortcode [mid_form])
   ============================= */

/* Container do formulário */
.mega-orcamento-form {
    max-width: 500px;
    margin: 30px auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 0px rgba(0,0,0,0.05);
}

/* Campos de input do formulário */
.mega-orcamento-form input,
.mega-orcamento-form select,
.mega-orcamento-form textarea {
    width: 100%;
    padding: 14px 16px;
    margin-bottom: 15px;
    border: 1px solid #F2F3F6;
    border-radius: 8px;
    font-size: 16px;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

/* Estilo ao focar nos inputs do formulário */
.mega-orcamento-form input:focus {
    border-color: #4DD1BA;
    outline: none;
}

/* Botão do formulário */
.mega-orcamento-form button {
    background: #00d76f;
    color: white;
    border: none;
    padding: 16px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    transition: background 0.3s ease;
}

/* Efeito hover no botão */
.mega-orcamento-form button:hover {
    background: #00bd61;
}


/* Corrige visual do campo de data no iOS */
input[type="date"] {
    appearance: none; /* Remove o estilo padrão no iOS */
    -webkit-appearance: none;
    background-color: #ffffff; /* Garante fundo branco */
    color: #000;
    font-size: 16px;
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
}


