/* Theme Name: How to brand you 3.0
Version: 1.0.1
Theme URI: https://howtobrandyou.com/
Author: Andrew Mackay
Author URI: https://graphiclanguage.ca
Description: Custom child theme for HTBY
*/

/-- free report page --/
/not 4.0/.single.single-report main#app h1 span.reportTitle {
font-size: 40px;
margin-top: 20px;
display: block;
color: var(--color-htby);
}
.single.single-report .adjectives-big-border .priceBtn a {
padding: 16px 24px;
background: var(--green);
color: black;
border-radius: 5px;
text-align: center;
display: block;
}
.single.single-report .adjectives-big-border .priceBtn a:hover {
opacity: .8;
}
/2.0/.two-col-right .subform form.mailpoet_form p.mailpoet_form_paragraph.mailpoet-has-font-size {
margin-bottom: 20px;
}
.single.single-report .adjectives-buttons {
width: 100%;
column-gap: 2px;
}
/Not Found/.report-column-area .wp-block-buttons a.wp-block-button__link:hover {
color: #fff;
background-color: rgb(136, 172, 46) !important;
}

/-- responsive --/
@media only screen and (max-width:1024px)
{
/Not 4.0/.single.single-report main#app h1 span.reportTitle {
font-size: 26px;
margin-top: 10px;
}
/2.0/.single-report blockquote.wp-block-quote p, body.single-report blockquote.wp-block-quote cite, .two-col-right .subform form.mailpoet_form p.mailpoet_form_paragraph.mailpoet-has-font-size, .mailpoet_form form.mailpoet_form input.mailpoet_submit {
font-size: 16px !important;
}
.adjectives-big-border .rounded h2.text-4xl.pb-6 {
font-size: 30px;
}
.single.single-report .adjectives-buttons .rounded:nth-child(1) {
display: none;
}
}
@media only screen and (max-width:767px)
{
body.page-template-archetypes .archetypes-page h1 {
font-size: 28px;
line-height: normal;
}
body.page-template-archetypes .archetypes-page .container {
padding-right: 1rem;
padding-left: 1rem;
}
/not 4.0/.single.single-report main#app h1, .adjectives-big-border .rounded h2.text-4xl.pb-6, .pricing-section h3#priceTable {
font-size: 24px;
}
/not 4.0/.single.single-report main#app h1 span.reportTitle {
font-size: 20px;
}
/2.0,3.0/.single-report .paddingBottom {
font-size: 18px;
}
/Not 4.0/.single.single-report main#app .report-column-area .text-left.flow ul {
padding-left: 20px;
}
.single.single-report .adjectives-buttons .adjectives-border h2 {
font-size: 12px;
}
/2.0/.two-col-right .subform form.mailpoet_form p.mailpoet_form_paragraph.mailpoet-has-font-size.last {
font-size: 14px !important;
}
}

/* ======================================= /
/ !!! EDD CHECKOUT FINAL STYLING (V.3.6.0) !!! /
/ ======================================= */

/* --- 1. STRUCTURAL WIDTH FIX --- */

/* Targets the main section and EDD block to force the 1160px width,
overriding any internal block styling. /
body.edd-checkout .section,
body.edd-checkout .wp-block-edd-checkout {
max-width: 72.5rem !important; / Corresponds to 1160px /
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
/ Clear parent padding for clean stretch */
padding-left: 0 !important;
padding-right: 0 !important;
}

/* Ensure all internal blocks stretch to the full 1160px width */
.wp-block-edd-checkout > ,
.edd-checkout-form-wrap,
#edd_checkout_cart {
max-width: 100% !important;
width: 100% !important;
margin: 0 !important; / Remove residual margins /
padding: 0 !important; / Remove residual padding */
}

/* --- NARROW VIEWPORT PADDING (Issue 1) --- /
@media (max-width: 1156px) {
/ Apply universal padding to the main content container on mobile/tablet */
body.edd-checkout .section {
padding-left: 1rem !important;
padding-right: 1rem !important;
}

/* Ensure the internal blocks also have some margin relative to the outer container */
.edd-blocks__cart,
.edd-blocks__purchase-form,
.edd_payment_mode_select_wrap,
.edd_purchase_form_wrap {
    /* Remove the 20px margin previously applied, now use padding */
    margin-left: 0 !important;
    margin-right: 0 !important;
}


}

/* --- BLOCK CONSISTENCY & VISUAL SEPARATION --- */

/* Applies consistent border/padding to ALL four primary blocks for visual consistency /
.edd-blocks__cart,
.edd-blocks__purchase-form,
.edd_payment_mode_select_wrap,
.edd_purchase_form_wrap {
/ Uses accessible green variable for the border /
border: 1px solid var(--color-htby) !important;
border-radius: 4px !important;
margin: 20px 0 !important; / Consistent margin above/below blocks /
padding: 20px !important;
background-color: #fff !important; / High contrast background */
}

/* --- ACCESSIBLE LINK STYLING (Issue 2) --- */

/* Targets all links in the EDD checkout area, using accessible colors */
body.edd-checkout a,
body.edd-checkout a:visited {
color: var(--color-htby) !important;
text-decoration: underline !important;
font-weight: 700 !important;
transition: color 0.2s ease;
}

/* Clear hover state */
body.edd-checkout a:hover {
color: var(--color-htby-hover) !important;
text-decoration: none !important;
}

/* --- ACCOUNT INFO TEXT REMOVAL (Issue 3) --- */

/* Safely hides the "Account Information: " label text at the top of the form */
.edd-logged-in-account-info-wrap > span:first-child {
display: none !important;
}

/* --- BUTTON UNDERLINING FIX (Issue 5 Refined) --- */

/* Targets button-like elements (which are anchors) and ensures they are NOT underlined */
.edd-submit,
#edd-purchase-button,
.edd-button,
.edd-submit-payment-mode,
.edd-cart-save-restore a {
text-decoration: none !important;
}

/* --- FORM FIELDS & ACCESSIBILITY --- */

/* Forces theme fonts, color, and ensures 16px size for legibility */
#edd_checkout_form_wrap,
#edd_checkout_cart {
color: #333 !important;
font-family: "Inter", sans-serif !important;
line-height: 1.5 !important;
}

/* Forces field styling */
#edd_checkout_form_wrap input[type="text"],
#edd_checkout_form_wrap input[type="email"],
#edd_checkout_form_wrap input[type="password"],
#edd_checkout_form_wrap textarea,
#edd_checkout_form_wrap select {
padding: 0.75rem !important;
border: 1px solid #d1d5db !important;
border-radius: 0.375rem !important;
width: 100% !important;
background-color: #f7f7f7 !important;
font-size: 16px !important;
}

/* High-Contrast Focus State /
#edd_checkout_form_wrap input:focus,
#edd_checkout_form_wrap textarea:focus,
#edd_checkout_form_wrap select:focus {
outline: none !important;
/ Uses a blue derived from your brand blue for focus */
box-shadow: 0 0 0 3px rgba(0, 186, 209, 0.2) !important;
border-color: #00BAD1 !important;
}

/* --- BUTTONS (Accessible Green) --- */

/* Ensures all primary buttons use the accessible green color /
.edd-submit,
#edd-purchase-button,
.edd-edit-billing-address,
.edd-submit-payment-mode,
.edd-button {
background: var(--color-htby) !important; / Accessible Green */
color: #fff !important;
padding: 1rem 2rem !important;
border-radius: 0.375rem !important;
border: none !important;
}

/* Ensures a clear hover state /
.edd-submit:hover,
#edd-purchase-button:hover,
.edd-button:hover {
background: var(--color-htby-hover) !important; / Lighter Green on Hover */
}

/* For secondary buttons (like "Remove") and Save/Restore text contrast /
.edd-cart-remove-item {
background: transparent !important;
color: #cc0000 !important; / Red for removal /
border: 1px solid #cc0000 !important;
}
.edd-cart-actions .edd-button {
color: #fff !important; / Fixes invisible text on Save/Restore buttons */
}

/* --- CART & PAYMENT MODE STYLING --- */

/* Item Cart Separation /
#edd_checkout_cart tr {
border-bottom: 1px solid #eee !important;
}
#edd_checkout_cart thead {
background-color: #f8f8f8 !important;
font-weight: 700 !important;
}
/ Ensure the final total stands out (Issue 4) /
#edd_checkout_cart .edd_cart_footer_row {
border-top: 1px solid var(--color-htby) !important; / 1px solid green /
font-weight: 700 !important;
background-color: transparent !important; / Removes background color */
}

/* Highlight the currently selected payment method /
#edd_payment_mode_select ul li {
padding: 15px !important;
margin-bottom: 10px !important;
border: 2px solid #ccc !important;
border-radius: 4px !important;
}
#edd_payment_mode_select ul li.edd-payment-mode-wrap-selected {
/ Use a clear highlight color */
border-color: #00BAD1 !important;
background-color: #f5faff !important;
box-shadow: 0 0 5px rgba(0, 186, 209, 0.2);
}

/* --- HIDE TAX EXCLUSION TEXT (Issue 2) --- */
.edd-cart-item-price .edd-cart-tax-info {
display: none !important;
}

/* --- CONTAINER LABELS/HEADERS (Issue 6) --- */

/* Targets the standard fieldset legend elements /
.edd_purchase_form_wrap fieldset legend,
.edd_payment_mode_select_wrap legend,
#edd_checkout_cart thead {
font-size: 1.5rem !important; / Promote to H2 size /
font-weight: 700 !important; / Bold /
color: var(--color-htby) !important; / Use accessible green */
margin-bottom: 10px !important;
display: block !important;
border-bottom: none !important;
}

/* Fix alignment and width for the first container label (if it's not a legend) */
.edd-blocks__cart > h2 {
font-size: 1.5rem !important;
font-weight: 700 !important;
color: var(--color-htby) !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
}