/* ==========================================================
   ALLAGASH BUTTON VARIABLES
   ========================================================== */

:root {
    /* Primary submit buttons */
    --button-height: 48px;
    --button-radius: 5px;
    --button-font-size: 22px;
    --button-font-weight: 600;
    --button-padding-inline: 24px;

    /* Action buttons */
    --button-action-height: 25px;
    --button-action-radius: 6px;
    --button-action-font-size: 16px;
    --button-action-font-weight: 500;
    --button-action-padding-block: 4px;
    --button-action-padding-inline: 6px;
    --button-action-gap: 6px;
    --button-action-icon-size: 19px;
    --button-action-width: 90px;

    /* Small utility buttons */
    --button-small-height: 28px;
    --button-small-radius: 5px;
    --button-small-font-size: 16px;
    --button-small-font-weight: 600;
    --button-small-padding-block: 4px;
    --button-small-padding-inline: 10px;
    --button-small-gap: 6px;

    /* Shared button appearance */
    --button-bg: var(--pine);
    --button-bg-hover: var(--river-blue);
    --button-text: var(--light-mist);
    --button-transition: 0.18s ease;
}

/*

/* ==========================================================
   SHARED BUTTON BASE
   ========================================================== */

.aw-btn,
.allagash-btn,
.campsite-comment-btn,
#commentform input[type="submit"],
.widget_display_search input[type="submit"],
.widget_display_search button,
.allagash-email-login-form input[type="submit"],
.allagash-register-form input[type="submit"],
.allagash-edit-profile-button,
.allagash-registration-modal-ok,
 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;

    background: var(--button-bg) !important;
    color: var(--button-text) !important;

    border: 0 !important;
    border-radius: var(--button-radius) !important;
    box-shadow: none !important;

    font-family: "Alegreya", serif !important;
    line-height: 1 !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: none;

    cursor: pointer;

    transition:
        background-color var(--button-transition),
        color var(--button-transition);
}

.aw-btn:hover,
.aw-btn:focus,
.allagash-btn:hover,
.allagash-btn:focus,
.campsite-comment-btn:hover,
.campsite-comment-btn:focus,
#commentform input[type="submit"]:hover,
#commentform input[type="submit"]:focus,
.widget_display_search input[type="submit"]:hover,
.widget_display_search input[type="submit"]:focus,
.widget_display_search button:hover,
.widget_display_search button:focus,
.allagash-email-login-form input[type="submit"]:hover,
.allagash-email-login-form input[type="submit"]:focus,
.allagash-register-form input[type="submit"]:hover,
.allagash-register-form input[type="submit"]:focus,
.allagash-edit-profile-button:hover,
.allagash-edit-profile-button:focus,
.allagash-registration-modal-ok:hover,
.allagash-registration-modal-ok:focus,
 {
    background: var(--button-bg-hover) !important;
    color: var(--button-text) !important;

    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transform: none !important;
}


/* ==========================================================
   PRIMARY SUBMIT BUTTONS
   ========================================================== */

/*
.aw-btn-submit,
.allagash-btn,
.campsite-comment-btn,
#commentform input[type="submit"],
.widget_display_search input[type="submit"],
.widget_display_search button,
.allagash-email-login-form input[type="submit"],
.allagash-register-form input[type="submit"],
.allagash-edit-profile-button,
.allagash-registration-modal-ok,
 {
    min-height: var(--button-height);
    padding: 10px var(--button-padding-inline) !important;

    font-size: var(--button-font-size) !important;
    font-weight: var(--button-font-weight) !important;
}

*/

/* ==========================================================
   ACTION BUTTONS
   ========================================================== */

.aw-btn-action {
    min-width: var(--button-action-width);
    min-height: var(--button-action-height);

    padding:
        var(--button-action-padding-block)
        var(--button-action-padding-inline);

    gap: var(--button-action-gap);

    border-radius: var(--button-action-radius) !important;

    font-size: var(--button-action-font-size);
    font-weight: var(--button-action-font-weight);
}

.aw-btn-action svg {
    width: var(--button-action-icon-size);
    height: var(--button-action-icon-size);
    flex: 0 0 var(--button-action-icon-size);
}


/* ==========================================================
   SMALL UTILITY BUTTONS
   ========================================================== */

.aw-btn-small {
    min-height: var(--button-small-height);

    padding:
        var(--button-small-padding-block)
        var(--button-small-padding-inline);

    gap: var(--button-small-gap);

    border-radius: var(--button-small-radius) !important;

    font-size: var(--button-small-font-size);
    font-weight: var(--button-small-font-weight);
}


/* ==========================================================
   DISABLED BUTTONS
   ========================================================== */

.aw-btn:disabled,
.aw-btn[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}


/* ==========================================================
   ALLAGASH SECONDARY ACTION LINKS
   ========================================================== */

.allagash-action {
    color: var(--canoe-red);

    font-family: "Alegreya", serif;
    font-size: 20px;
    font-weight: 600;

    text-decoration: underline;
    text-underline-offset: 3px;

    cursor: pointer;

    transition: color var(--button-transition);
}

.allagash-action:hover,
.allagash-action:focus {
    color: var(--river-blue);
}