/* FoodConnect shared Philippine address combobox UI */
.ph-address-dropdown {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  margin-top: 10px !important;
  overflow: visible !important;
}
.ph-address-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
  position: relative !important;
  overflow: visible !important;
}
.ph-address-field-full { grid-column: 1 / -1 !important; }
.ph-address-field > label {
  display: block !important;
  margin: 0 !important;
  font-size: .86rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #20242a !important;
}
.ph-search-select {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}
.ph-search-select-input,
.ph-address-field > input {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 44px 0 14px !important;
  margin: 0 !important;
  border: 1px solid #d7dbe1 !important;
  border-radius: 10px !important;
  outline: none !important;
  background: #fff !important;
  color: #20242a !important;
  font: inherit !important;
  font-size: .95rem !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.ph-address-field > input { padding-right: 14px !important; }
.ph-search-select-input::placeholder,
.ph-address-field > input::placeholder { color: #7b818b !important; opacity: 1 !important; }
.ph-search-select-input:focus,
.ph-address-field > input:focus {
  border-color: #ff6b35 !important;
  box-shadow: 0 0 0 3px rgba(255,107,53,.13) !important;
}
.ph-search-select-input:disabled {
  background: #f4f5f7 !important;
  color: #9298a2 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
.ph-search-select-arrow {
  position: absolute !important;
  top: 50% !important;
  right: 15px !important;
  transform: translateY(-50%) rotate(45deg) !important;
  width: 8px !important;
  height: 8px !important;
  margin-top: -2px !important;
  border-right: 2px solid #68707b !important;
  border-bottom: 2px solid #68707b !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
.ph-search-select:focus-within .ph-search-select-arrow { border-color: #ff6b35 !important; }
.ph-search-select-menu {
  position: absolute !important;
  z-index: 2147483000 !important;
  top: calc(100% + 7px) !important;
  left: 0 !important;
  right: 0 !important;
  display: block !important;
  width: 100% !important;
  max-height: 260px !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  border: 1px solid #e0e3e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 14px 35px rgba(31,41,55,.16), 0 3px 8px rgba(31,41,55,.08) !important;
  box-sizing: border-box !important;
  isolation: isolate !important;
}
.ph-search-select-menu[hidden] { display: none !important; }
.ph-search-select-option {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 9px 11px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #20242a !important;
  font: inherit !important;
  font-size: .92rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  white-space: normal !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
.ph-search-select-option:hover,
.ph-search-select-option.active {
  background: #fff1eb !important;
  color: #d94f1e !important;
}
.ph-search-select-empty {
  display: block !important;
  padding: 12px !important;
  color: #757b84 !important;
  font-size: .86rem !important;
  line-height: 1.4 !important;
}
.ph-address-country {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 46px !important;
  padding: 10px 14px !important;
  border: 1px solid #e0e3e8 !important;
  border-radius: 10px !important;
  background: #fafafa !important;
  color: #20242a !important;
}
.ph-address-country strong { font-size: .9rem !important; font-weight: 700 !important; }
.ph-address-country span { font-size: .78rem !important; color: #747b85 !important; }
.ph-address-status {
  grid-column: 1 / -1 !important;
  min-height: 18px !important;
  margin-top: -4px !important;
  color: #6f7680 !important;
  font-size: .78rem !important;
  line-height: 1.4 !important;
}
.ph-address-status.error { color: #b42318 !important; }
.ph-address-saved {
  grid-column: 1 / -1 !important;
  padding: 10px 12px !important;
  border: 1px solid #eceef1 !important;
  border-radius: 9px !important;
  background: #fafafa !important;
  color: #5f6670 !important;
  font-size: .8rem !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
}
.ph-address-saved[hidden] { display: none !important; }
@media (max-width: 720px) {
  .ph-address-dropdown { grid-template-columns: 1fr !important; gap: 13px !important; }
  .ph-address-field-full, .ph-address-status, .ph-address-saved { grid-column: 1 !important; }
  .ph-search-select-menu { max-height: 230px !important; }
  .ph-address-country { align-items: flex-start !important; flex-direction: column !important; gap: 2px !important; }
}

/* Keep enhanced address controls in the same full-width grid span as the original field. */
.ph-address-dropdown.ph-address-layout-full {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}
.field-grid > .ph-address-dropdown {
  min-width: 0 !important;
}

/* FOODCONNECT PH ADDRESS THEME START */
html[data-theme="dark"] .ph-address-field > label {
  color: #f5f7fa !important;
}

html[data-theme="dark"] :is(
  .ph-search-select-input,
  .ph-address-field > input
) {
  background: #20242a !important;
  color: #f5f7fa !important;
  border-color: #343941 !important;
}

html[data-theme="dark"] :is(
  .ph-search-select-input::placeholder,
  .ph-address-field > input::placeholder
) {
  color: #8f98a6 !important;
}

html[data-theme="dark"] .ph-search-select-input:disabled {
  background: #191c21 !important;
  color: #707987 !important;
  border-color: #2d3239 !important;
}

html[data-theme="dark"] .ph-search-select-arrow {
  border-color: #9da6b3 !important;
}

html[data-theme="dark"] .ph-search-select-menu {
  background: #1b1f24 !important;
  border-color: #343941 !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.42),
    0 4px 12px rgba(0,0,0,.30) !important;
}

html[data-theme="dark"] .ph-search-select-option {
  color: #e9edf2 !important;
}

html[data-theme="dark"] .ph-search-select-option:hover,
html[data-theme="dark"] .ph-search-select-option.active {
  background: #342115 !important;
  color: #ff9547 !important;
}

html[data-theme="dark"] .ph-search-select-empty {
  color: #8f98a6 !important;
}

html[data-theme="dark"] .ph-address-country {
  background: #20242a !important;
  color: #f5f7fa !important;
  border-color: #343941 !important;
}

html[data-theme="dark"] .ph-address-country span {
  color: #9da6b3 !important;
}

html[data-theme="dark"] .ph-address-status {
  color: #8f98a6 !important;
}

html[data-theme="dark"] .ph-address-saved {
  background: #1b1f24 !important;
  color: #b4bcc8 !important;
  border-color: #343941 !important;
}

html[data-theme="light"] .ph-address-field > label {
  color: #20242a !important;
}

html[data-theme="light"] :is(
  .ph-search-select-input,
  .ph-address-field > input
) {
  background: #ffffff !important;
  color: #20242a !important;
  border-color: #d7dbe1 !important;
}

html[data-theme="light"] .ph-address-country {
  background: #fafafa !important;
  color: #20242a !important;
  border-color: #e0e3e8 !important;
}

html[data-theme="light"] .ph-search-select-menu {
  background: #ffffff !important;
  border-color: #e0e3e8 !important;
}

html[data-theme="light"] .ph-search-select-option {
  color: #20242a !important;
}
/* FOODCONNECT PH ADDRESS THEME END */

/* =========================================================
   FOODCONNECT CUSTOMER PROFILE ADDRESS POLISH V2
   Scoped so address controls on signup/partner pages are untouched.
========================================================= */
body[data-fc-page="customer-account"] .ph-address-dropdown {
  gap: 18px 17px !important;
  margin-top: 0 !important;
}

body[data-fc-page="customer-account"] .ph-address-field {
  gap: 8px !important;
}

body[data-fc-page="customer-account"] .ph-address-field > label {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  letter-spacing: -.05px !important;
}

body[data-fc-page="customer-account"] :is(
  .ph-search-select-input,
  .ph-address-field > input
) {
  height: 50px !important;
  min-height: 50px !important;
  border-radius: 12px !important;
  font-size: 12.5px !important;
}

body[data-fc-page="customer-account"] .ph-search-select-input:hover:not(:focus):not(:disabled),
body[data-fc-page="customer-account"] .ph-address-field > input:hover:not(:focus) {
  border-color: #cfd5dd !important;
}

body[data-fc-page="customer-account"] .ph-search-select-input:focus,
body[data-fc-page="customer-account"] .ph-address-field > input:focus {
  border-color: #f78021 !important;
  box-shadow: 0 0 0 3px rgba(247,128,33,.115) !important;
}

body[data-fc-page="customer-account"] .ph-search-select-arrow {
  right: 17px !important;
  width: 7px !important;
  height: 7px !important;
  border-width: 0 2px 2px 0 !important;
}

body[data-fc-page="customer-account"] .ph-search-select-menu {
  top: calc(100% + 8px) !important;
  max-height: 280px !important;
  padding: 7px !important;
  border-radius: 13px !important;
  box-shadow: 0 18px 44px rgba(31,41,55,.16), 0 4px 10px rgba(31,41,55,.07) !important;
}

body[data-fc-page="customer-account"] .ph-search-select-option {
  min-height: 42px !important;
  padding: 9px 11px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

body[data-fc-page="customer-account"] .ph-address-country {
  min-height: 50px !important;
  padding: 11px 14px !important;
  border-radius: 12px !important;
}

body[data-fc-page="customer-account"] .ph-address-country strong {
  font-size: 12.5px !important;
}

body[data-fc-page="customer-account"] .ph-address-country span {
  font-size: 10.5px !important;
}

body[data-fc-page="customer-account"] .ph-address-status {
  min-height: 18px !important;
  margin-top: -2px !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
}

body[data-fc-page="customer-account"] .ph-address-saved {
  padding: 11px 13px !important;
  border-radius: 11px !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
}

body[data-fc-page="customer-account"] .ph-search-select-menu {
  scrollbar-width: thin !important;
  scrollbar-color: #c5cbd4 transparent !important;
}

body[data-fc-page="customer-account"] .ph-search-select-menu::-webkit-scrollbar {
  width: 8px !important;
}

body[data-fc-page="customer-account"] .ph-search-select-menu::-webkit-scrollbar-thumb {
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background: #c5cbd4 !important;
  background-clip: padding-box !important;
}

html[data-theme="dark"] body[data-fc-page="customer-account"] :is(
  .ph-search-select-input,
  .ph-address-field > input
) {
  background: #20252c !important;
  border-color: #343b45 !important;
  color: #f7f9fc !important;
}

html[data-theme="dark"] body[data-fc-page="customer-account"] .ph-search-select-input:hover:not(:focus):not(:disabled),
html[data-theme="dark"] body[data-fc-page="customer-account"] .ph-address-field > input:hover:not(:focus) {
  border-color: #444d59 !important;
}

html[data-theme="dark"] body[data-fc-page="customer-account"] .ph-search-select-input:disabled {
  background: #191d22 !important;
  color: #737e8d !important;
  border-color: #2d333b !important;
}

html[data-theme="dark"] body[data-fc-page="customer-account"] .ph-search-select-menu {
  background: #1b2026 !important;
  border-color: #383f49 !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.46), 0 5px 14px rgba(0,0,0,.28) !important;
  scrollbar-color: #4b5562 transparent !important;
}

html[data-theme="dark"] body[data-fc-page="customer-account"] .ph-search-select-menu::-webkit-scrollbar-thumb {
  background: #4b5562 !important;
  background-clip: padding-box !important;
}

html[data-theme="dark"] body[data-fc-page="customer-account"] .ph-search-select-option:hover,
html[data-theme="dark"] body[data-fc-page="customer-account"] .ph-search-select-option.active {
  background: rgba(247,128,33,.12) !important;
  color: #ff984c !important;
}

html[data-theme="dark"] body[data-fc-page="customer-account"] .ph-address-country {
  background: #20252c !important;
  border-color: #343b45 !important;
}

html[data-theme="dark"] body[data-fc-page="customer-account"] .ph-address-saved {
  background: #1d2228 !important;
  color: #b6bfcb !important;
  border-color: #343b45 !important;
}

@media (max-width: 720px) {
  body[data-fc-page="customer-account"] .ph-address-dropdown {
    gap: 14px !important;
  }

  body[data-fc-page="customer-account"] .ph-address-field > label {
    font-size: 11.5px !important;
  }

  body[data-fc-page="customer-account"] :is(
    .ph-search-select-input,
    .ph-address-field > input
  ) {
    height: 48px !important;
    min-height: 48px !important;
    font-size: 11.5px !important;
  }
}
/* FOODCONNECT CUSTOMER PROFILE ADDRESS POLISH V2 END */

/* FoodConnect official brand logo standard */
img[src*="logofoodconnect-Photoroom.png"] {
    width: 50px;
    height: 50px;
    object-fit: contain;
    display: block;
}

/* Keep the logo balanced in smaller navigation areas */
.sidebar img[src*="logofoodconnect-Photoroom.png"],
.admin-sidebar img[src*="logofoodconnect-Photoroom.png"] {
    width: 42px;
    height: 42px;
}

.footer img[src*="logofoodconnect-Photoroom.png"] {
    width: 45px;
    height: 45px;
}
