/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/CreateBrandDropdown.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* bridge.create-brand-dropdown.css: Styles for the Create Brand Dropdown using BEM classes, bridged to Bootstrap variables from the warm palette.
   Ensures empathetic, warm theme with high contrast. Assumes Bootstrap vars are defined globally (e.g., in :root).
   Includes states for hover, focus, disabled, and open menu. */

.CreateBrandDropdown_create-brand-dropdown__yvdd5 {
  position: relative;
}

.CreateBrandDropdown_create-brand-dropdown__toggle__JYnx7 {
  background-color: var(--bs-primary); /* Warm red-orange for primary action */
  color: var(--bs-white); /* High contrast white text */
  border: none;
  padding: 0.5rem 1rem; /* Equivalent to py-2 px-4 */
  border-radius: var(--bs-border-radius);
  font-size: var(--bs-body-font-size); /* text-sm equivalent */
  font-weight: var(--bs-body-font-weight); /* Medium font */
  display: flex;
  align-items: center;
  gap: 0.25rem; /* gap-1 */
  cursor: pointer;
}

.CreateBrandDropdown_create-brand-dropdown__toggle__JYnx7:hover,
.CreateBrandDropdown_create-brand-dropdown__toggle__JYnx7:focus {
  background-color: var(--bs-primary-text-emphasis); /* Darker warm for hover */
  color: var(--bs-white);
}

.CreateBrandDropdown_create-brand-dropdown__toggle__JYnx7:disabled,
.CreateBrandDropdown_create-brand-dropdown__toggle__JYnx7.CreateBrandDropdown_is-disabled__jtt92 {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: var(--bs-primary); /* Keep primary but dimmed */
}

.CreateBrandDropdown_create-brand-dropdown__toggle__JYnx7[aria-expanded="true"] {
  background-color: var(--bs-primary-text-emphasis); /* Indicate open state */
}

.CreateBrandDropdown_create-brand-dropdown__menu__KOkya {
  position: absolute;
  right: 0;
  margin-top: 0.5rem; /* mt-2 */
  width: 12rem; /* w-48 */
  background-color: var(--bs-white); /* Warm off-white */
  border: var(--bs-border-width) solid var(--bs-border-color); /* Subtle warm gray border */
  border-radius: var(--bs-border-radius);
  box-shadow: var(--bs-box-shadow);
  z-index: 10;
}

.CreateBrandDropdown_create-brand-dropdown__menu-inner__qMhb_ {
  padding: 0.25rem 0; /* py-1 */
}

.CreateBrandDropdown_create-brand-dropdown__item__OER7p {
  display: block;
  padding: 0.5rem 1rem; /* py-2 px-4 */
  font-size: 0.875rem; /* text-sm */
  color: var(--bs-body-color); /* Neutral warm text */
  text-decoration: none;
}

.CreateBrandDropdown_create-brand-dropdown__item__OER7p:hover,
.CreateBrandDropdown_create-brand-dropdown__item__OER7p:focus {
  background-color: var(--bs-light); /* Subtle warm hover bg */
  color: var(--bs-body-color);
}


/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/DeleteBrandButton.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* bridge.delete-brand-button.css: Styles for the Delete Brand Button using BEM classes, bridged to Bootstrap variables from the warm palette.
   Ensures empathetic, warm theme with high contrast. Assumes Bootstrap vars are defined globally (e.g., in :root).
   Includes disabled/loading state and error message. */

.DeleteBrandButton_delete-brand-button__button__NZtTi {
  background-color: var(--bs-danger); /* Warm red for danger action */
  color: var(--bs-white);
  border: none;
  padding: 0.25rem 0.5rem; /* py-1 px-2 */
  border-radius: var(--bs-border-radius);
  font-size: 0.75rem; /* text-xs */
  font-weight: 500; /* font-medium */
  cursor: pointer;
}

.DeleteBrandButton_delete-brand-button__button__NZtTi:hover {
  background-color: var(--bs-danger-text-emphasis); /* Darker warm red for hover */
}

.DeleteBrandButton_delete-brand-button__button__NZtTi:disabled {
  background-color: var(--bs-secondary); /* Neutral gray for disabled */
  cursor: not-allowed;
}

.DeleteBrandButton_delete-brand-button__error__B7dYQ {
  color: var(--bs-danger); /* Warm red for error text */
  font-size: 0.75rem; /* text-xs */
  margin-top: 0.25rem; /* mt-1 */
}


/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/EditBrandLinkButton.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* bridge.edit-brand-links-button.css: Styles for the Edit Brand Links Button using BEM classes, bridged to Bootstrap variables from the warm palette.
   Ensures empathetic, warm theme with high contrast. Assumes Bootstrap vars are defined globally (e.g., in :root).
   Includes disabled state. Note: Smaller variant; use .edit-brand-links-button__button for button elem, .edit-brand-links-button__link for anchor. */

.EditBrandLinkButton_edit-brand-links-button__button__QmyI8,
.EditBrandLinkButton_edit-brand-links-button__link__fRqXE {
  background-color: var(--bs-primary); /* Warm red-orange for edit action */
  color: var(--bs-white);
  border: none;
  padding: 0.25rem 0.5rem; /* py-1 px-2 */
  border-radius: var(--bs-border-radius);
  font-size: 0.75rem; /* text-xs */
  font-weight: 500; /* font-medium */
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.EditBrandLinkButton_edit-brand-links-button__button__QmyI8:hover,
.EditBrandLinkButton_edit-brand-links-button__link__fRqXE:hover {
  background-color: var(--bs-primary-text-emphasis); /* Darker warm for hover */
}

.EditBrandLinkButton_edit-brand-links-button__button--disabled___J9x9,
.EditBrandLinkButton_edit-brand-links-button__button__QmyI8:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: var(--bs-primary); /* Keep base but dimmed */
}