/*=====================================================================
  Company Name: Copper State Bolt & Nut Co.
  Website: https://www.CopperState.com/
  File Name: CSBN-2026-01-26.css
  Version: 2.0.0
  Last Updated: 2026-01-26
  Editor: Sylver Sparks
  Description: Standardized CSS Overide File Changelog
  Notes:
    - 9/16/25: Standardization of CSS file changelog and metadata
    - 9/16/25: Added Environmental Sustainability Page CSS
	- 9/17/25: Added Breadcrumb list CSS Override provided by
			   Sylver (Evenica)
    - 9/18/25: 1) Added Links CSS Override for PDF Documents for the 
                  Regulatory Standards page
               2) Added Links CSS Override for the Links to appear
                  as bullet list items for the Safety Commitment page
    - 10/6/25: Added Quality Programs CSS Override for bullet list
               column gap removal.
	-10/22/25: Added Industry Line Cards image spacing CSS Override.
	-01/22/26: Added styles for checkout payment area and bumped version 
	for production deployment
	-01/23/26: Added minor update for footer spacing
	-01/26/26: Added css for billing address area in checkout and error
    formatting in pay instrument area
=====================================================================*/

/*=====================================================================
INDUSTRY LINE CARDS -- LINE CARD IMAGE SPACING (ID: IDNMA8LI6)
=====================================================================*/

.industry-line-card__spacing .imageplacement__top .ms-image-list__list-item {
    margin-left: 30px;
    margin-top: 30px;
    padding-right: 10px;
}

/*=====================================================================
FLEX COLUMN GAPS -- QUALITY PROGRAMS PAGE (ID: IDNMA8QUk)
=====================================================================*/

@media only screen and (min-width: 992px) {
    .quality__programs--container.cps-intro>.row>.col-12>div>.row {
        flex-wrap: nowrap;
        gap: unset;
    }
}

/*=====================================================================
LINK - BULLET LIST STYLE -- SAFETY COMMITMENT PAGE (ID: IDNMA8TvC)
=====================================================================*/

.bullet__list .msc-cta__primary {
    display: flex;
    align-items: top; 
    text-align: top;
    line-height: 25px;
}

.bullet__list .msc-cta__primary:before {
    content: "";
    display: inline-block;
    height: .4375rem;
    margin-right: 1rem;
    max-height: .4375rem;
    max-width: .4375rem;
    min-height: .4375rem;
    min-width: .4375rem;
    transform: translateY(.4375rem);
    width: .4375rem;
    background-color: #d95426;
}

.bullet__list .msc-cta__primary:hover {
    text-decoration: none;
}

/*=====================================================================
LINK - ICON + BULLET LIST -- REGULATORY STANDARDS PAGE (ID: IDNMA8Tvy)
=====================================================================*/

.document__icon-list .msc-cta__primary {
    display: flex; /* icon + text align neatly */
    align-items: center; /* vertical centering */
    gap: 4px; /* spacing between icon and text */
    cursor: pointer;
    text-decoration: underline;
    color: #656565;
	margin-bottom: .625rem;
}

/* Add the PDF icon on the left */
.document__icon-list .msc-cta__primary::before {
    content: "";
    display: inline-block;
    width: 16px; /* adjust based on your icon */
    height: 16px;
    background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' fill='%235c5c5c' viewBox='0 0 384 512'><path d='M369.9 97.9 286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48zm250.2-143.7c-12.2-12-47-8.7-64.4-6.5-17.2-10.5-28.7-25-36.8-46.3 3.9-16.1 10.1-40.6 5.4-56-4.2-26.2-37.8-23.6-42.6-5.9-4.4 16.1-.4 38.5 7 67.1-10 23.9-24.9 56-35.4 74.4-20 10.3-47 26.2-51 46.2-3.3 15.8 26 55.2 76.1-31.2 22.4-7.4 46.8-16.5 68.4-20.1 18.9 10.2 41 17 55.8 17 25.5 0 28-28.2 17.5-38.7zm-198.1 77.8c5.1-13.7 24.5-29.5 30.4-35-19 30.3-30.4 35.7-30.4 35zm81.6-190.6c7.4 0 6.7 32.1 1.8 40.8-4.4-13.9-4.3-40.8-1.8-40.8zm-24.4 136.6c9.7-16.9 18-37 24.7-54.7 8.3 15.1 18.9 27.2 30.1 35.5-20.8 4.3-38.9 13.1-54.8 19.2zm131.6-5s-5 6-37.3-7.8c35.1-2.6 40.9 5.4 37.3 7.8z'/></svg>") center/contain no-repeat;
}

.document__icon-list .msc-cta__primary:hover {
    color: #D95426;
	text-decoration: none;
}

/*=====================================================================
BUTTON - MAIN -- ENVIRONMENTAL SUSTAINABILITY PAGE (ID: IDNMA8yHj)
=====================================================================*/

/* Button Layout */
.button__main--orange .msc-cta__primary {
    display: inline-block;
	background-color: #D95426;
	color: #ffffff !important;
    padding: 22px 50px;
    border-radius: 8px;
	text-align: center;
    font-weight: bold;
	border: none;
    cursor: pointer;
	transition: background-color 0.3s ease;
}

.button__main--orange .msc-cta__primary:hover {
	background-color: #2c2c2c;
	text-decoration: none !important;
}

/*=====================================================================
BREADCRUMB LIST -- CSS PATCH
=====================================================================*/

/* optional to see borders
.ms-breadcrumb_list, .ms-breadcrumb_list * {
    border: red 1px solid;
}
 */

.cps-breadcrumb .ms-breadcrumb_item{
    height: 24px;
}

.cps-breadcrumb>.row>.col-12>.ms-breadcrumb>ol>li:nth-of-type(2){
    transform: unset;
    align-items: center;
}

.ms-breadcrumb .ms-breadcrumb_item.breadcrumb_item-current .ms-breadcrumb_link{
    margin-top: unset;
}

.ms-breadcrumb li.ms-breadcrumb_item.breadcrumb_item-current{
    display: flex;
    align-items: center;
}

/*=====================================================================
***********************************************************************
EVERY SECTION BELOW EXISTED PRIOR TO THE CREATION OF THIS STANDARDIZED
CHANGELOG AND THEREFORE WILL BE KEPT FOR HISTORICAL REFERENCE
***********************************************************************
=====================================================================*/


/*=====================================================================
HEADER AMENDMENTS - Move to theme when possible
=====================================================================*/

.cps-header>.row>.col-12:first-of-type>div>.row :nth-child(3) {
    display: none;
}

.mobile .cps-header>.row>.col-12:first-of-type>div>.row :nth-child(3) {
    display: unset;
}

.cps-header>.row>.col-12:first-of-type>div>.row{
    gap: unset;}

.cps-header>.row>.col-12:first-of-type>div>.row>div{
    margin-left: 2em;
    flex-shrink: 1;
}

.ms-header .ms-cart-icon-wrapper.msc-btn {
    background-color: transparent;
}

/*=====================================================================
demo-page CSS
=====================================================================*/

.search-container {
	height: 55vh;
	background: url('https://images-us-prod.cms.commerce.dynamics.com/cms/api/cjqrlxggbf/imageFileData/MA65db?pubver=0');
	background-size: cover;
	background-position: center;
	position: relative;
}

.search-container>.row {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.search-container .ms-search__form-submitSearch {
	order: 3;
	background: #d95426;
}

.search-container .ms-search__searchForm {
	padding-right: 0;
}


.search-container .ms-search__autoSuggest {
	display: none;
}


.search-container .ms-search__form-cancelSearch.msc-btn {
	display: none;
}

.search-container .ms-search__form-control {
	background: white;
	height: 40px;
	border: none;
	padding: 1em;
	min-width: 50vh;
	color: black;
}

.tile-container .ms-content-block {
	transform: translateY(-50%);
	border: 1px solid #e3e3e3;
	margin: 50px;
	padding: 1em 2em;
	background: white;
}

.ms-order-template-action-bar__action__requestStatement__dropdownOption {
	color: black !important;
}

.ms-order-template-action-bar__action__requestStatement__dropdownOption {
	color: black !important;
}

.msc-lines-added-to-cart-dialog__dialog__header .msc-modal__title span {
	display: none;
}

.msc-lines-added-to-cart-dialog__dialog__header .msc-modal__title b::after {
	content: ' added to cart';
	text-indent: 0;
}

.msc-item-added-to-order-template-dialog__dialog__header .msc-modal__title b {
	display: none;
}

.msc-item-added-to-order-template-dialog__dialog__header .msc-modal__title span::before {
	content: '1 line'
}

/*=====================================================================
Maintenance Page
=====================================================================*/

.maintenance-wrapper {
	margin: 100px 0;
	margin-right: 0px;
	margin-left: 0px;
	margin-left: auto;
	margin-right: auto;
}

.maintenance-container {
	min-height: 100vh;
	background: #f5f7fa;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	display: flex;
	flex-direction: column;
}

.maintenance-header {
	background-color: #2c3e50;
	padding: 1rem 2rem;
	text-align: center;
}


.maintenance-content {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
}

.maintenance-card {
	background: white;
	padding: 3rem 2rem;
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.maintenance-icon {
	color: #e67e22;
	margin-bottom: 2rem;
}

.maintenance-card h1 {
	font-size: 2rem;
	color: #2c3e50;
	margin-bottom: 2rem;
	font-weight: 600;
}

.maintenance-lines {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin: 2rem 0;
}

.line {
	width: 60px;
	height: 4px;
	background: #e67e22;
	border-radius: 2px;
}

.maintenance-card p {
	color: #7f8c8d;
	font-size: 1.1rem;
	line-height: 1.6;
	margin: 0.5rem 0;
}

@media (max-width: 768px) {
	.maintenance-header {
		padding: 1rem;
	}

	.maintenance-content {
		padding: 1rem;
	}

	.maintenance-card {
		padding: 2rem 1rem;
	}

	.maintenance-card h1 {
		font-size: 1.5rem;
	}

	.line {
		width: 40px;
	}
}


/*=====================================================================
Checkout Page
=====================================================================*/
/* on-account section */

.ms-checkout-section-container__item.initialized[data-type-name="checkout-customer-account-payment"]:before{
    content: "Pay using account balance";
    font-weight: bold;
    font-size: .85em;
}

.ms-checkout-customer-account__account-name,
.ms-checkout-customer-account__account-number{
    font-size: 16px;
    line-height: 16px;
    font-weight: lighter;
}

.ms-checkout-section-container__item.initialized[data-type-name="checkout-customer-account-payment"]{
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    padding: 1em;
    margin-bottom: 1em;
}


.ms-checkout-customer-account__account-credit-label,
.ms-checkout-customer-account__account-credit-toggle-down,
.ms-checkout-customer-account__account-credit-toggle-up,
.ms-checkout-customer-account__credit-details-section{
    display: none;
}

.ms-checkout-customer-account__bottom-border{
    display: none;
}

#ms-checkout-customer-account__label:before{
    content: "amount to "
}

/* Credit card section */
.ms-checkout-section-container__item.initialized[data-type-name="checkout-payment-instrument"]{
        border: 1px solid #e3e3e3;
        border-radius: 10px;
        padding: 1em;
}
.ms-checkout-section-container__item.initialized[data-type-name="checkout-payment-instrument"]:before{
        content: "Pay using Credit Card";
        font-weight: bold;
        font-size: .85em;
}

.checkout-payment-instrument__iframe{
    width: 100%;
}

.adyen-checkout__payment-method{
    border: none;
}

.ms-checkout__guided-card.updating .ms-checkout-payment-instrument__mutation-observer{
    margin-top: 0;
}

.ms-checkout-section-container__item.initialized[data-type-name="checkout-payment-instrument"]{
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 0;
}

.ms-checkout-section-container__item{
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 0;
    padding: 1em;
    padding-top: 0;
}

.ms-checkout-billing-address__heading{
    font-weight: bold;
}

.ms-checkout-billing-address__shipping-address-checkbox-text{
    font-size: 12px;
    
}

.ms-checkout-payment-instrument__error{
    margin: 1em 0;
}

.ms-checkout-payment-instrument__error-message{
    margin: 0;
}

.ms-checkout-payment-instrument__error-title{
    display: none;
}

label.po-number__label{display: none;}

/*=====================================================================
AAD Pages
=====================================================================*/
.ms-aad-generic .error.itemLevel{
        color:#d95426;
    }

/*=====================================================================
Footer
=====================================================================*/
.cps-footer  .last-link a {
margin-bottom: 1.25rem;
}