/**
 * Estilos da página de configurações do Geopay
 * Design moderno com blocos coloridos
 *
 * @package WC_Geopay
 */

/* Aplica apenas na página de configurações do Geopay */
body.geopay-settings-page table.form-table {
	border: none;
	background: transparent;
	box-shadow: none;
}

/* Bloco 1 - Configurações do gateway (azul claro) */
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block1_section th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block1_section + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block1_section + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block1_section + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block1_section + tr + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block1_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block1_section + tr + tr + tr td {
	background: #e8f4fc !important;
	border: 1px solid #b8d9f0;
	border-top: none;
	padding: 1rem 1.25rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block1_section th {
	border-top: 1px solid #b8d9f0;
	border-radius: 8px 8px 0 0;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block1_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block1_section + tr + tr + tr td {
	border-radius: 0 0 8px 8px;
}

/* Bloco 2 - Exibição do QR Code (verde claro) */
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block2_section th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block2_section + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block2_section + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block2_section + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block2_section + tr + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block2_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block2_section + tr + tr + tr td {
	background: #e8f5e9 !important;
	border: 1px solid #a5d6a7;
	border-top: none;
	padding: 1rem 1.25rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block2_section th {
	border-top: 1px solid #a5d6a7;
	border-radius: 8px 8px 0 0;
	margin-top: 1.5rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block2_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block2_section + tr + tr + tr td {
	border-radius: 0 0 8px 8px;
}

/* Bloco 3 - Contador e temporizador (?mbar claro) */
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block3_section th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block3_section + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block3_section + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block3_section + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block3_section + tr + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block3_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block3_section + tr + tr + tr td {
	background: #fff8e1 !important;
	border: 1px solid #ffe082;
	border-top: none;
	padding: 1rem 1.25rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block3_section th {
	border-top: 1px solid #ffe082;
	border-radius: 8px 8px 0 0;
	margin-top: 1.5rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block3_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block3_section + tr + tr + tr td {
	border-radius: 0 0 8px 8px;
}

/* Bloco 4 - Botão de confirmação (roxo claro) */
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block4_section th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block4_section + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block4_section + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block4_section + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block4_section + tr + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block4_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block4_section + tr + tr + tr td {
	background: #f3e5f5 !important;
	border: 1px solid #ce93d8;
	border-top: none;
	padding: 1rem 1.25rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block4_section th {
	border-top: 1px solid #ce93d8;
	border-radius: 8px 8px 0 0;
	margin-top: 1.5rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block4_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block4_section + tr + tr + tr td {
	border-radius: 0 0 8px 8px;
}

/* Bloco 5 - Mensagem e elementos (cinza azulado) */
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block5_section th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block5_section + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block5_section + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block5_section + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block5_section + tr + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block5_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block5_section + tr + tr + tr td {
	background: #e3f2fd !important;
	border: 1px solid #90caf9;
	border-top: none;
	padding: 1rem 1.25rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block5_section th {
	border-top: 1px solid #90caf9;
	border-radius: 8px 8px 0 0;
	margin-top: 1.5rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block5_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block5_section + tr + tr + tr td {
	border-radius: 0 0 8px 8px;
}

/* Bloco 6 - Textos da página PIX (verde água) */
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block6_section th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block6_section + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block6_section + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block6_section + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block6_section + tr + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block6_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block6_section + tr + tr + tr td {
	background: #e0f7fa !important;
	border: 1px solid #80deea;
	border-top: none;
	padding: 1rem 1.25rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block6_section th {
	border-top: 1px solid #80deea;
	border-radius: 8px 8px 0 0;
	margin-top: 1.5rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block6_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block6_section + tr + tr + tr td {
	border-radius: 0 0 8px 8px;
}

/* Bloco 7 - Instruções e mensagens (laranja claro) */
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block7_section th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block7_section + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block7_section + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block7_section + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block7_section + tr + tr td,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block7_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block7_section + tr + tr + tr td {
	background: #fff3e0 !important;
	border: 1px solid #ffcc80;
	border-top: none;
	padding: 1rem 1.25rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block7_section th {
	border-top: 1px solid #ffcc80;
	border-radius: 8px 8px 0 0;
	margin-top: 1.5rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block7_section + tr + tr + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block7_section + tr + tr + tr td {
	border-radius: 0 0 8px 8px;
}

/* Bloco 8 - Redirecionamento (cinza claro) */
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block8_section th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block8_section + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block8_section + tr td {
	background: #f5f5f5 !important;
	border: 1px solid #e0e0e0;
	border-top: none;
	padding: 1rem 1.25rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block8_section th {
	border-top: 1px solid #e0e0e0;
	border-radius: 8px 8px 0 0;
	margin-top: 1.5rem;
}

body.geopay-settings-page table.form-table tr#woocommerce_geopay_block8_section + tr th,
body.geopay-settings-page table.form-table tr#woocommerce_geopay_block8_section + tr td {
	border-radius: 0 0 8px 8px;
}

/* Espaçamento entre blocos */
body.geopay-settings-page table.form-table tr[id^="woocommerce_geopay_block"] {
	margin-top: 1.5rem;
}

/* Títulos de seção - estilo moderno */
body.geopay-settings-page table.form-table tr[id^="woocommerce_geopay_block"] th.titledesc h3 {
	background: transparent !important;
	padding: 0 0 0.5em 0 !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	font-size: 1.1em !important;
	font-weight: 600 !important;
	color: #1d2327 !important;
	letter-spacing: -0.02em;
}

body.geopay-settings-page table.form-table tr[id^="woocommerce_geopay_block"] th.titledesc p {
	margin: 0 !important;
	color: #646970 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

/* Inputs - estilo moderno */
body.geopay-settings-page table.form-table input[type="text"],
body.geopay-settings-page table.form-table input[type="url"],
body.geopay-settings-page table.form-table input[type="number"],
body.geopay-settings-page table.form-table input[type="password"],
body.geopay-settings-page table.form-table select,
body.geopay-settings-page table.form-table textarea {
	border-radius: 6px !important;
	border: 1px solid #8c8f94 !important;
	padding: 8px 12px !important;
}