/* Pagar.me Modal Styles */

/* Modal Container */
.arm_pagarme_modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

/* Modal Content */
.arm_pagarme_modal_content {
    background-color: #000000;
    margin: 10% auto;
    padding: 40px;
    border-radius: 20px;
    width: 90%;
    max-width: 600px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    text-align: center;
}

/* Modal Header */
.arm_pagarme_modal_content h2 {
    margin: 0 0 10px 0;
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
}

/* Modal Description */
.arm_pagarme_modal_content p {
    margin: 0 0 30px 0;
    font-size: 16px;
    color: #cccccc;
}

/* Nationality Buttons */
.arm_pagarme_nationality_btn {
    width: 100%;
    margin-top: 20px;
    text-shadow: 0 7px 4px #39070740;
    background: linear-gradient(180deg, #C32929, #670E0E);
    border: none;
    font-family: Luckiest Guy, cursive;
    font-weight: 400;
    font-size: 30px;
    padding: 20px 60px;
    border-radius: 900px;
    outline: 8px solid rgba(178, 34, 52, 0.3);
    box-shadow: none;
    cursor: pointer;
    color: #ffffff;
    transition: all 0.3s ease;
}

.arm_pagarme_nationality_btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(195, 41, 41, 0.4);
}

/* Checkout Container */
.arm_pagarme_checkout_container {
    margin-top: 20px;
}

/* External Checkout */
#arm_pagarme_external_checkout {
    display: none;
}

#arm_pagarme_whatsapp_cta {
    display: none;
}

.arm_pagarme_checkout_info {
    padding: 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 8px;
    text-align: center;
}

.arm_pagarme_checkout_info > div:first-child {
    font-size: 24px;
    margin-bottom: 10px;
}

.arm_pagarme_checkout_info h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
}

.arm_pagarme_checkout_info p {
    margin: 0;
    font-size: 14px;
    opacity: 0.9;
}

.arm_pagarme_whatsapp_box {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
    box-shadow: 0 10px 30px rgba(18, 140, 126, 0.35);
}

.arm_pagarme_whatsapp_btn, .arm_pagarme_telegram_btn {
    outline: 8px solid rgba(178, 34, 52, 0.3) !important;
    animation: outline 0.7s infinite ease-in-out !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px 60px !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important;
    color: white !important;
    background: linear-gradient(180deg, #C32929, #670E0E) !important;
    background-color: linear-gradient(180deg, #C32929, #670E0E) !important;
    border: none !important;
    border-radius: 90px !important;
    border-width: 0px !important;
    border-style: solid !important;
    font-size: 20px !important;
    font-family: Poppins, sans-serif !important;
    font-weight: 400 !important;
    text-shadow: 0 7px 4px #39070740 !important;
    box-shadow: none;
}

.arm_pagarme_btn_icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: 0 0 auto;
}

.arm_pagarme_btn_icon_whatsapp {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'%20fill='%23fff'%3E%3Cpath%20d='M476.9%20161.1C435%20119.1%20379.2%2096%20319.9%2096C197.5%2096%2097.9%20195.6%2097.9%20318C97.9%20357.1%20108.1%20395.3%20127.5%20429L96%20544L213.7%20513.1C246.1%20530.8%20282.6%20540.1%20319.8%20540.1L319.9%20540.1C442.2%20540.1%20544%20440.5%20544%20318.1C544%20258.8%20518.8%20203.1%20476.9%20161.1zM319.9%20502.7C286.7%20502.7%20254.2%20493.8%20225.9%20477L219.2%20473L149.4%20491.3L168%20423.2L163.6%20416.2C145.1%20386.8%20135.4%20352.9%20135.4%20318C135.4%20216.3%20218.2%20133.5%20320%20133.5C369.3%20133.5%20415.6%20152.7%20450.4%20187.6C485.2%20222.5%20506.6%20268.8%20506.5%20318.1C506.5%20419.9%20421.6%20502.7%20319.9%20502.7zM421.1%20364.5C415.6%20361.7%20388.3%20348.3%20383.2%20346.5C378.1%20344.6%20374.4%20343.7%20370.7%20349.3C367%20354.9%20356.4%20367.3%20353.1%20371.1C349.9%20374.8%20346.6%20375.3%20341.1%20372.5C308.5%20356.2%20287.1%20343.4%20265.6%20306.5C259.9%20296.7%20271.3%20297.4%20281.9%20276.2C283.7%20272.5%20282.8%20269.3%20281.4%20266.5C280%20263.7%20268.9%20236.4%20264.3%20225.3C259.8%20214.5%20255.2%20216%20251.8%20215.8C248.6%20215.6%20244.9%20215.6%20241.2%20215.6C237.5%20215.6%20231.5%20217%20226.4%20222.5C221.3%20228.1%20207%20241.5%20207%20268.8C207%20296.1%20226.9%20322.5%20229.6%20326.2C232.4%20329.9%20268.7%20385.9%20324.4%20410C359.6%20425.2%20373.4%20426.5%20391%20423.9C401.7%20422.3%20423.8%20410.5%20428.4%20397.5C433%20384.5%20433%20373.4%20431.6%20371.1C430.3%20368.6%20426.6%20367.2%20421.1%20364.5z'/%3E%3C/svg%3E");
}

.arm_pagarme_btn_icon_telegram {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'%20fill='%23fff'%3E%3Cpath%20d='M320%2072C183%2072%2072%20183%2072%20320C72%20457%20183%20568%20320%20568C457%20568%20568%20457%20568%20320C568%20183%20457%2072%20320%2072zM435%20240.7C431.3%20279.9%20415.1%20375.1%20406.9%20419C403.4%20437.6%20396.6%20443.8%20390%20444.4C375.6%20445.7%20364.7%20434.9%20350.7%20425.7C328.9%20411.4%20316.5%20402.5%20295.4%20388.5C270.9%20372.4%20286.8%20363.5%20300.7%20349C304.4%20345.2%20367.8%20287.5%20369%20282.3C369.2%20281.6%20369.3%20279.2%20367.8%20277.9C366.3%20276.6%20364.2%20277.1%20362.7%20277.4C360.5%20277.9%20325.6%20300.9%20258.1%20346.5C248.2%20353.3%20239.2%20356.6%20231.2%20356.4C222.3%20356.2%20205.3%20351.4%20192.6%20347.3C177.1%20342.3%20164.7%20339.6%20165.8%20331C166.4%20326.5%20172.5%20322%20184.2%20317.3C256.5%20285.8%20304.7%20265%20328.8%20255C397.7%20226.4%20412%20221.4%20421.3%20221.2C423.4%20221.2%20427.9%20221.7%20430.9%20224.1C432.9%20225.8%20434.1%20228.2%20434.4%20230.8C434.9%20234%20435%20237.3%20434.8%20240.6z'/%3E%3C/svg%3E");
}

.arm_pagarme_whatsapp_btn:hover, .arm_pagarme_telegram_btn:hover {
    color: white !important;
    outline: none !important;
    background: #A91010 !important;
    padding: 20px 60px !important;
    opacity: 1;
}

.arm_pagarme_whatsapp_btn.disabled, .arm_pagarme_telegram_btn.disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none;
    transform: none;
}

.arm_pagarme_cta_actions {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    justify-content: center;
}

/* Pilhas verticais (estrangeiro + PIX sem CPF): mesmo alinhamento e largura máx. */
.arm_pagarme_cta_actions--stacked {
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    gap: 36px;
}

.arm_pagarme_cta_actions--stacked .arm_pagarme_whatsapp_btn,
.arm_pagarme_cta_actions--stacked .arm_pagarme_telegram_btn {
    width: 100%;
    max-width: 400px;
    margin-top: 0 !important;
}

.arm_pagarme_cta_actions .arm_pagarme_whatsapp_btn, .arm_pagarme_cta_actions .arm_pagarme_telegram_btn {
   border-width: 0px !important;
}

#arm_intl_contact_tab_content .arm_pagarme_cta_actions {
    flex-direction: column;
    align-items: center;
    gap: 36px;
    flex-wrap: nowrap;
}

#arm_intl_contact_tab_content .arm_pagarme_cta_actions .arm_pagarme_whatsapp_btn,
#arm_intl_contact_tab_content .arm_pagarme_cta_actions .arm_pagarme_telegram_btn {
    width: 100%;
    max-width: 400px;
}

/* Transparent Form */
#arm_pagarme_transparent_form {
    display: none;
}

/* Plan Container */
.arm_pagarme_plan_container_tmp {
    display: none;
}

/* PIX QR Code Container */
#arm_pix_qrcode_container {
    text-align: center;
    padding: 40px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#arm_pix_qrcode_container h2 {
    margin: 0 0 20px 0;
    color: #333;
}

#arm_pix_qrcode_container p {
    margin: 0 0 20px 0;
    color: #666;
}

#arm_pix_qrcode_container img {
    max-width: 300px;
    margin: 0 auto 20px;
    display: block;
}

#arm_pix_qrcode_container > div {
    margin: 20px 0;
}

#arm_pix_qrcode_container > div p {
    margin: 0 0 10px 0;
    font-weight: 600;
    color: #333;
}

#arm_pix_code {
    width: 100%;
    max-width: 500px;
    height: 80px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: monospace;
    font-size: 12px;
    resize: none;
}

#arm_copy_pix_code {
    margin-top: 10px;
    padding: 12px 30px;
    background: #4a90e2;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}

#arm_copy_pix_code:hover {
    background: #357abd;
}

/* Warning Messages */
.arm_invalid {
    color: #d9534f;
}

.arm_pagarme_not_support_plans {
    font-weight: bold;
}

/* Notice Styles */
.arm_pagarme_notice {
    margin-bottom: 10px;
}

.arm_pagarme_notice_list {
    margin-left: 30px;
}

/* Checkout Icon */
.arm_pagarme_checkout_icon {
    font-size: 24px;
    margin-bottom: 10px;
}

/* PIX Code Wrapper */
.arm_pix_code_wrapper {
    margin: 20px 0;
}

.arm_pix_code_label {
    margin: 0 0 10px 0;
    font-weight: 600;
    color: #333;
}

/* PIX Info */
.arm_pix_info {
    margin: 20px 0;
    padding: 15px;
    background: #f0f8ff;
    border-radius: 4px;
    border-left: 4px solid #2196f3;
}

.arm_pix_info_title {
    margin: 0;
    font-size: 14px;
    color: #1976d2;
}

.arm_pix_info_text {
    margin: 8px 0 0 0;
    font-size: 13px;
    color: #555;
}

/* Payment Method Selector */
#arm_pagarme_payment_method_selector {
    display: none;
    margin: 20px 0 0 0;
}

/* Payment Tabs */
.arm_payment_tabs {
    display: flex;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 0;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.arm_payment_tab {
    flex: 1;
    padding: 18px 24px;
    text-align: center;
    cursor: pointer;
    background: #f8f9fa;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    position: relative;
}

.arm_payment_tab.active {
    background: white;
    border-bottom: 3px solid #4a90e2;
}

.arm_payment_tab input[type="radio"] {
    display: none;
}

.arm_payment_tab > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.arm_payment_tab span {
    font-size: 24px;
}

.arm_payment_tab > div > div {
    text-align: left;
}

.arm_payment_tab_title {
    font-weight: 600;
    font-size: 15px;
    color: #333;
}

.arm_payment_tab_subtitle {
    font-size: 11px;
    color: #666;
}

/* Payment Forms Container */
#arm_payment_forms_container {
    margin: 0;
    padding: 25px;
    background: white;
    border: 1px solid #e0e0e0;
    border-top: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* PIX Fields - visível por padrão */
#arm_pix_fields {
    display: block;
}

.arm_pix_info_box {
    margin-bottom: 20px;
    padding: 12px;
    background: #e3f2fd;
    border-left: 4px solid #2196f3;
    border-radius: 4px;
}

.arm_pix_info_box p {
    margin: 0;
    font-size: 14px;
    color: #1976d2;
    display: flex;
    align-items: center;
    gap: 8px;
}

.arm_pix_info_box p span {
    font-size: 20px;
}

.arm_pix_info_box p:last-child {
    margin: 8px 0 0 28px;
    font-size: 13px;
    color: #555;
}

/* Card Fields - oculto por padrão, visível ao clicar na aba Cartão */
#arm_pagarme_transparent_form_content {
    display: none;
}

.arm_card_info_box {
    margin-bottom: 20px;
    padding: 12px;
    background: #f0f4ff;
    border-left: 4px solid #4a90e2;
    border-radius: 4px;
}

.arm_card_info_box p {
    margin: 0;
    font-size: 14px;
    color: #2c5aa0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.arm_card_info_box p span {
    font-size: 20px;
}

.arm_card_info_box p:last-child {
    margin: 8px 0 0 28px;
    font-size: 13px;
    color: #555;
}

/* Form Groups */
.arm_form_group {
    margin-bottom: 15px;
}

.arm_form_group:last-child {
    margin-bottom: 0;
}

.arm_form_group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #555;
}

.arm_form_group input.arm_form_input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.arm_form_group small {
    display: block;
    margin-top: 5px;
    color: #666;
}

/* Form Row (for side-by-side fields) */
.arm_form_row {
    display: flex;
    gap: 15px;
    margin-bottom: 0;
}

.arm_form_group_flex {
    flex: 1;
}

/* PIX Messages */
.arm_pix_message {
    text-align: center;
    padding: 40px;
}

.arm_pix_message_icon {
    font-size: 64px;
    margin-bottom: 20px;
}

.arm_pix_message_title {
    margin: 0 0 10px 0;
}

.arm_pix_success .arm_pix_message_title {
    color: #27ae60;
}

.arm_pix_expired .arm_pix_message_title {
    color: #e74c3c;
}

.arm_pix_message_text {
    color: #666;
    margin: 0 0 20px 0;
}

.arm_pix_reload_btn {
    padding: 12px 30px;
    background: #4a90e2;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

.arm_pix_reload_btn:hover {
    background: #357abd;
}