/* ---------------------------------
   1) Fix Astra's huge block paddings
   --------------------------------- */

:root {
    --wp--custom--ast-default-block-top-padding: 0;
    --wp--custom--ast-default-block-right-padding: 0;
    --wp--custom--ast-default-block-bottom-padding: 0;
    --wp--custom--ast-default-block-left-padding: 0;
}

/* ---------------------------------
   2) Course page layout & typography
   --------------------------------- */

/* Main wrapper added via Group block with class "course-page-container" */
.course-page-container {
    max-width: 900px;
    margin: 0 auto 40px;
    padding: 0 15px;
}

.course-page-container h2.wp-block-heading {
    margin: 0 0 1.25rem;
}

.course-page-container h3.wp-block-heading {
    margin: 1.5rem 0 0.5rem;
}

.course-page-container p {
    margin: 0 0 0.75rem;
}

.course-page-container ul {
    margin: 0 0 0.75rem 1.25rem;
}

/* ---------------------------------
   3) WPForms: general layout
   --------------------------------- */

/* Form container width + position */
.course-page-container .wpforms-container-full,
.course-page-container .wpforms-container {
    max-width: 480px;
    margin-left: 20px;
    margin-right: auto;
}

/* Left column gap for all visible fields in this form (id 1303) */
.course-page-container #wpforms-1303 .wpforms-field {
    width: 100%;
    margin-bottom: 16px;
    padding-left: 10px;              /* main indent */
    box-sizing: border-box;
}

/* Submit row */
.course-page-container #wpforms-1303 .wpforms-submit-container {
    padding-left: 10px;
    box-sizing: border-box;
}

/* Standard inputs */
.course-page-container #wpforms-1303 input[type="text"],
.course-page-container #wpforms-1303 input[type="email"],
.course-page-container #wpforms-1303 input[type="tel"],
.course-page-container #wpforms-1303 input[type="number"],
.course-page-container #wpforms-1303 textarea,
.course-page-container #wpforms-1303 select {
    width: 100%;
    max-width: 420px;
    padding: 8px 10px;
    line-height: 1.4;
    box-sizing: border-box;
    margin: 4px 0 0 0;
}

/* Labels */
.course-page-container #wpforms-1303 .wpforms-field-label,
.course-page-container #wpforms-1303 legend.wpforms-field-label {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
}

/* "Registration Form" intro block */
.course-page-container #wpforms-1303-field_12-container {
    padding-left: 10px;
}

/* Section headings: Student Information, Parent/Guardian, Course Details */
.course-page-container #wpforms-1303-field_14-container,
.course-page-container #wpforms-1303-field_13-container,
.course-page-container #wpforms-1303-field_15-container {
    padding-left: 10px;
}

/* Total + disclaimer */
.course-page-container #wpforms-1303-field_21-container {
    padding-left: 10px;
}

/* Radios / checkboxes basic styling */
.course-page-container #wpforms-1303 .wpforms-field-radio ul,
.course-page-container #wpforms-1303 .wpforms-field-checkbox ul {
    list-style: none;
    margin: 4px 0 0 0;
    padding: 0;
}

.course-page-container #wpforms-1303 .wpforms-field-radio li,
.course-page-container #wpforms-1303 .wpforms-field-checkbox li {
    margin-bottom: 4px;
}

.course-page-container #wpforms-1303 input[type="radio"],
.course-page-container #wpforms-1303 input[type="checkbox"] {
    margin-right: 8px;
    vertical-align: middle;
}

/* ---------------------------------
   4) Phone field (id 17) – align & size
   --------------------------------- */

/* Container */
.course-page-container #wpforms-1303-field_17-container {
    padding-left: 10px;
}

/* intl-tel-input wrapper */
.course-page-container #wpforms-1303-field_17-container .iti {
    width: 100% !important;
    max-width: 420px !important;
}

/* Actual tel input */
.course-page-container #wpforms-1303-field_17-container input[type="tel"] {
    width: 100% !important;
    max-width: 420px !important;
    display: block;
}

/* ---------------------------------
   5) PayPal Commerce (id 20) – align & size
   --------------------------------- */

/* Field container */
.course-page-container #wpforms-1303-field_20-container {
    padding-left: 10px;
}

/* Row that holds the dropdown */
.course-page-container #wpforms-1303-field_20-container .wpforms-field-row.wpforms-field-medium {
    width: 100% !important;
    max-width: 420px !important;
    margin: 4px 0 0 0;
}

/* The PayPal / card select itself */
.course-page-container #wpforms-1303-field_20-container select.wpforms-paypal-commerce-payment-method {
    width: 100% !important;
    max-width: 420px !important;
    display: block;
    box-sizing: border-box;
}

/* ---------------------------------
   6) Number fields – Age + Rating shorter
   --------------------------------- */

/* Age (field_2) and Current chess rating (field_3) inputs themselves */
#wpforms-1303-field_2-container input[type="number"],
#wpforms-1303-field_3-container input[type="number"] {
    width: 130px !important;
    max-width: 130px !important;
    display: inline-block !important;
}

/* Remove browser spin buttons */
.course-page-container #wpforms-1303 input[type="number"]::-webkit-outer-spin-button,
.course-page-container #wpforms-1303 input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.course-page-container #wpforms-1303 input[type="number"] {
    -moz-appearance: textfield;
}

/* ---------------------------------
   7) Radio groups further from left edge
   --------------------------------- */

/* Rating platform radios (id 5) */
.course-page-container #wpforms-1303-field_5-container,
/* "How did you hear about Azeri Chess Academy?" radios (id 19) */
.course-page-container #wpforms-1303-field_19-container {
    padding-left: 10px !important;  /* extra indent vs other fields */
}

/* Small extra indent inside the list itself */
.course-page-container #wpforms-1303 .wpforms-field-radio ul {
    margin-left: 4px;
}

/* ---------------------------------
   8) (Optional) Hide WP page title on this page
   --------------------------------- */
/*
.page-id-123 .entry-title {
    display: none;
}
*/

/* ---------------------------------
   9) Limit width/height feel of payment disclaimer
   --------------------------------- */

.course-page-container #wpforms-1303-field_21-description {
    max-width: 480px;         /* same as other fields */
    font-size: 13px;
    line-height: 1.3;
    margin-top: 6px;
}