/* patched: selected state for owner form buttons */
.psf-vehicle-btn.psf-selected, .psf-service-btn.psf-selected, .psf-hour-btn.psf-selected {
  background: #ff7a18 !important;
  color: #fff !important;
  border-color: #ff7a18 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

.psf-language-switcher{ position:absolute; right:16px; top:8px; }
.psf-lang{ margin-left:6px; padding:6px 8px; border-radius:4px; border:1px solid #ccc; background:#fff; cursor:pointer; }
.psf-form-grid{ max-width:920px; margin:12px auto; padding:14px; background:#fff; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,0.04); position:relative; }
.psf-row{ display:flex; gap:12px; margin-bottom:12px; flex-wrap:wrap; align-items:flex-start; }
.psf-col{ flex:1 1 45%; min-width:200px; display:flex; flex-direction:column; }
.psf-col span{ font-weight:600; margin-bottom:6px; }
.psf-col input[type=text], .psf-col input[type=file], .psf-col select{ padding:8px; border:1px solid #e6e6e6; border-radius:6px; }
.psf-hours, .psf-vehicle, .psf-service{ display:flex; gap:8px; flex-wrap:wrap; }
.psf-vehicle-btn, .psf-service-btn, .psf-hour-btn{ padding:6px 10px; border-radius:20px; border:1px solid #ccc; background:#fff; cursor:pointer; }
.psf-vehicle-btn.active, .psf-service-btn.active, .psf-hour-btn.active{ background:#0b84ff; color:#fff; border-color:#0b84ff; }
.psf-btn{ padding:8px 12px; border-radius:6px; border:1px solid #0b84ff; background:#0b84ff; color:#fff; cursor:pointer; }
.psf-submit{ padding:10px 16px; border-radius:6px; border:0; background:#111827; color:#fff; cursor:pointer; }
.psf-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; margin-top:12px; }
.psf-card{ border:1px solid #e6e6e6; padding:12px; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.03); position:relative; }
.psf-card h3{ margin:0 0 6px 0; font-size:1.05rem; }
.psf-photo{ max-width:100%; height:auto; display:block; margin-top:8px; border-radius:6px; }
.psf-verified-badge{ display:inline-block; margin-top:6px; padding:4px 8px; background:#16a34a; color:#fff; border-radius:6px; font-size:0.85rem; }
.psf-loading{ padding:12px; color:#666; }
.psf-empty{ padding:12px; color:#666; }

/* server patch styles */

/* Server-side patch styles for PSF */
.psf-shop-card{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e6e6e6;margin:8px 0;border-radius:6px;background:#fff;}
.psf-shop-card img{width:72px;height:72px;object-fit:cover;border-radius:6px;}
.psf-shop-body{flex:1;}
.psf-shop-name{font-weight:700;margin-bottom:4px;}
.psf-shop-meta{font-size:13px;color:#444;margin-bottom:6px;}
.psf-phone a{text-decoration:none;font-weight:600;color:#111;}


/* === STRONG OVERRIDE: Royal Blue Theme for Buttons (Important, Loaded Last) === */
/* Target common classes and IDs used by plugin to ensure application */
.psf-button,
.psf-option-button,
.vehicle-type-btn,
.service-type-btn,
.open-hour-btn,
#psf-container .vehicle-type-btn,
#psf-container .service-type-btn,
#psf-container .open-hour-btn {
  background-color: #0066CC !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 10px 16px !important;
  font-weight: 600 !important;
  margin: 4px !important;
  cursor: pointer !important;
  transition: 0.2s ease-in-out !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  min-width: 70px !important;
  min-height: 38px !important;
  box-shadow: none !important;
}

/* Active (selected) state override */
.psf-button.active,
.psf-option-button.active,
.vehicle-type-btn.active,
.service-type-btn.active,
.open-hour-btn.active,
#psf-container .vehicle-type-btn.active,
#psf-container .service-type-btn.active,
#psf-container .open-hour-btn.active {
  background-color: #004C99 !important;
  box-shadow: 0 0 6px rgba(0, 76, 153, 0.45) !important;
  transform: scale(1.04) !important;
}

/* Hover state */
.psf-button:hover,
.psf-option-button:hover,
.vehicle-type-btn:hover,
.service-type-btn:hover,
.open-hour-btn:hover {
  opacity: 0.92 !important;
}

/* Ensure icons/text inside remain centered and do not inherit other line-heights */
.psf-button span,
.vehicle-type-btn span,
.service-type-btn span,
.open-hour-btn span {
  line-height: 1 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Very high specificity fallback */
body .psf-button,
body .vehicle-type-btn,
body .service-type-btn,
body .open-hour-btn {
  background-color: #0066CC !important;
  color: #fff !important;
}
/* === END OVERRIDE === */


/* === FINAL BLUE THEME - REAL CLASSES PATCH === */
.psf-service-btn,
.psf-vehicle-btn,
.psf-hour-btn {
  background-color: #0066CC !important; /* Blue before click */
  color: #fff !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 10px 16px !important;
  font-weight: 600 !important;
  margin: 4px !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  min-width: 70px !important;
  min-height: 38px !important;
  transition: all 0.2s ease-in-out !important;
}

.psf-service-btn.active,
.psf-vehicle-btn.active,
.psf-hour-btn.active,
.psf-service-btn.psf-selected,
.psf-vehicle-btn.psf-selected,
.psf-hour-btn.psf-selected {
  background-color: #004C99 !important; /* darker blue */
  box-shadow: 0 0 6px rgba(0, 102, 204, 0.5) !important;
  transform: scale(1.05) !important;
}

.psf-service-btn:hover,
.psf-vehicle-btn:hover,
.psf-hour-btn:hover {
  opacity: 0.9 !important;
}
/* === END PATCH === */


/* === OVERRIDE: Blue before click -> Orange after click (Highest priority) === */
.psf-service-btn,
.psf-vehicle-btn,
.psf-hour-btn {
  background-color: #0066CC !important;  /* blue before click */
  color: #ffffff !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 10px 16px !important;
  font-weight: 600 !important;
  margin: 4px !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  min-width: 70px !important;
  min-height: 38px !important;
  transition: background-color 0.25s ease-in-out, transform 0.2s ease-in-out !important;
}

/* Selected / Active -> orange */
.psf-service-btn.active,
.psf-vehicle-btn.active,
.psf-hour-btn.active,
.psf-service-btn.psf-selected,
.psf-vehicle-btn.psf-selected,
.psf-hour-btn.psf-selected {
  background-color: #FF7B00 !important;  /* bright orange after click */
  color: #ffffff !important;
  box-shadow: 0 0 8px rgba(255, 123, 0, 0.35) !important;
  transform: scale(1.05) !important;
}

/* Ensure any inline-style or other specific selectors don't override */
body .psf-service-btn.active,
body .psf-vehicle-btn.active,
body .psf-hour-btn.active {
  background-color: #FF7B00 !important;
  color: #ffffff !important;
}

/* Hover state */
.psf-service-btn:hover,
.psf-vehicle-btn:hover,
.psf-hour-btn:hover {
  opacity: 0.92 !important;
}
/* === END ORANGE OVERRIDE === */


/* === PSF SAFE DEFAULT HIDE STATUS === */
#psf-status-line {
  display: none !important;
}
/* === END === */