/* Front (Form) */
.wcpec-contact{padding:18px 10px}
.wcpec-contact__wrap{
  max-width: 980px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(0,0,0,.06);
  font-family: Tahoma, Arial, sans-serif;
}

.wcpec-contact__alert{
  margin: 14px 18px 0;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 14px;
}
.wcpec-contact__alert.is-success{background:#ecfdf5;border:1px solid #10b981;color:#065f46}
.wcpec-contact__alert.is-error{background:#fef2f2;border:1px solid #ef4444;color:#7f1d1d}

.wcpec-contact__form{padding:18px 18px 22px}

.wcpec-contact__grid{
  display:grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
@media (max-width: 720px){
  .wcpec-contact__grid{grid-template-columns:1fr}
  .wcpec-btn{width:100%}
}

.wcpec-field label{
  display:block;
  font-size:13px;
  font-weight:700;
  margin: 6px 2px 6px;
  color:#0b2a3a;
}
.wcpec-field label span{color:#b45309}
.wcpec-field input,
.wcpec-field textarea,
.wcpec-field select{
  width:100%;
  border:1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 12px;
  font-size:14px;
  outline:none;
  background:#fff;
  transition: .15s;
}
.wcpec-field textarea{resize:vertical; min-height: 140px}
.wcpec-field input:focus,
.wcpec-field textarea:focus,
.wcpec-field select:focus{
  border-color:#c8a96a;
  box-shadow: 0 0 0 4px rgba(200,169,106,.18);
}

.wcpec-help{display:block;margin-top:6px;color:#6b7280;font-size:12px}

.wcpec-contact__actions{margin-top:14px}
.wcpec-btn{
  appearance:none;
  border:0;
  border-radius: 12px;
  padding: 12px 16px;
  font-weight:800;
  font-size:14px;
  cursor:pointer;
  background: linear-gradient(135deg,#c8a96a,#b98b3e);
  color:#0b2a3a;
  width: 220px;
  max-width: 100%;
}
.wcpec-btn:hover{filter:brightness(.98)}
.wcpec-contact__note{
  margin-top: 14px;
  color:#6b7280;
  font-size:12px;
  line-height:1.6;
}

.wcpec-contact__hp{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;overflow:hidden}

/* Phone */
.wcpec-phone{
  display:flex;
  gap:10px;
  align-items:center;
}
.wcpec-phone__cc{
  width: 44%;
  min-width: 150px;
}
.wcpec-phone__num{
  width: 56%;
}
@media (max-width: 720px){
  .wcpec-phone{flex-direction:column}
  .wcpec-phone__cc,.wcpec-phone__num{width:100%}
}

/* Admin dropdown (3-dots) */
.wcpec-dd{position:relative; display:inline-block}
.wcpec-dd__btn{
  width: 38px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  background: #fff;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.wcpec-dd__btn:hover{background:#f4f6f9}
.wcpec-dd__menu{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:9999;
  min-width: 190px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.10);
  padding:6px;
}
.wcpec-dd__item{
  display:block;
  padding:10px 10px;
  border-radius:10px;
  text-decoration:none;
  color:#0b2a3a;
  font-weight:700;
}
.wcpec-dd__item:hover{background:#f4f6f9}
.wcpec-dd__item.is-danger{color:#b91c1c}