/* ============================================================================
* SC-40077 Product Builder: rounded buttons, to match ghent.com
* ----------------------------------------------------------------------------
* GMi rounded every button on ghent.com. Their standard is
* `.button { border-radius: 25px }` (_t/css/style.css, inside a
* @media (min-width:768px) block). Product Builder ships the same class
* vocabulary with the radius zeroed out, so this file restores it.
*
* WHY THIS FILE IS LOADED LAST (the last before in
* template/config_header_view.php and its Blade twin):
* config-header-v12.css is linked near the TOP of . all_styles_v12.css,
* filters.css, forms.css, quote.css, my-account.css and j-modal.css all load
* AFTER it and re-declare `border-radius: 0` on the same selectors. One of
* them, all_styles_v12.css:18821, does it inside @media (min-width:768px).
* Loading last is what lets these plain class selectors win on source order,
* with no !important anywhere. Media queries add no specificity, so a plain
* class here still beats a plain class inside an @media block above.
*
* The footers add lightslider.css and datepicker3.css after this file, but
* neither declares a single .button / .Button / .btn rule, so this is still the
* last word on button shape. Keep it that way.
*
* Unlike ghent.com we round at ALL widths. ghent.com goes back to square below
* 768px. That is a deliberate decision on this story, not an oversight.
*
* Adding a new button class later? Add it HERE, not scattered through the v12
* files, or it will be square again.
* ========================================================================== */
/* --- 1. The button vocabulary --------------------------------------------
* `.button` and `.Button` are the two base classes. Every colour, size and
* role variant (.button-blue, .button-blue2, .button-white2, .Button-Configure,
* .Button-Details, .Button-Cancel, .Button-Update, .FiltersUsed-Button ...) is
* always applied ALONGSIDE one of those two in the markup, so the bases cover
* them. The rest listed here are the families that carry no base token.
* `.btn` covers the configurator step nav, whose markup is
* `navig next_option btn next noSelect` and `navig back_option btn dgray goback`.
* ------------------------------------------------------------------------- */
.button,
.Button,
.btn,
.form-button, /* forms.css:193 */
.quote-button, /* quote.css:981 */
.catalog-button, /* filters.css:1945 - no radius declared at all */
.cancelBtn, /* my-account.css:1857 */
.cancelBtnShipAddresChange { /* quote.css:3019 */
border-radius: 25px;
}
/* --- 2. Rules that out-rank a single class -------------------------------
* Source order only decides a tie. Each selector below mirrors an existing
* declaration that is STRONGER than one class and would otherwise survive.
* file:line and the current value are given so the next person can check.
* ------------------------------------------------------------------------- */
#login_popup .Button-Configure, /* config-v12.css:9860 12px */
.quote-info-popup .quote-button__save-project-number, /* config-v12.css:7453 15px */
.quote-info-popup .quote-button__add-more-items, /* config-v12.css:7454 15px */
.quote-button.quote-button__save-notes, /* quote.css:783 0px */
#quote-newform_shipping_addresses .Buttons-Wrap a, /* quote.css:3112 0px */
#re_quote_confirm_popup .btn-blue, /* j-modal.css:35 0px */
#update_quote_project_number .Button-Details, /* j-modal.css:951 0px */
.myaccount-wrp .shipping-tab .addNewShippingAddressMyAccount { /* my-account.css:568 0px */
border-radius: 25px;
}
/* --- 3. NOT a button - pin back to square --------------------------------
* Selectric renders its dropdown arrow as , see
* node_modules/selectric/public/jquery.selectric.js:1093. It is a 38x38 block
* pinned to the right edge of a square select
* (node_modules/selectric/public/selectric.css:38), so section 1 matches it.
* Without this reset every select on My Account, Signup, Quotes, Resources,
* News, Customer Service and the catalog Sort By grows a circle poking out of
* a square field.
* ------------------------------------------------------------------------- */
.selectric .button,
.selectric b.button {
border-radius: 0;
}