.ptah-tribute-modal-form {
  padding: 0.25rem 0;
}

.comment-tribute-form .field--name-comment-body,
.comment-tribute-form .field--name-field-audio-tribute,
.comment-tribute-form .field--name-field-video-tribute,
.comment-tribute-form .field--name-field-video-tribute-media {
  margin: 0 0 1.25rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  /* background: #f6f6f6; */
}

.ptah-tribute-label,
.ptah-tribute-generated-heading {
  display: flex !important;
  align-items: center;
  gap: 0.55rem;
  margin: 0 0 0.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.ptah-tribute-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 auto;
}

.ptah-button-icon {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}

.ptah-tribute-icon-button,
.comment-tribute-form .react-recorder-widget button,
.comment-tribute-form .solo-file-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}

.comment-tribute-form .react-recorder-widget {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
}

.comment-tribute-form .react-recorder-widget p {
  width: 100%;
  margin: 0 0 0.25rem;
  opacity: 0.75;
}

.comment-tribute-form .ptah-tribute-submit {
  display: inline-flex !important;
  margin-top: 0.5rem;
}

.ui-dialog .comment-tribute-form .form-actions {
  margin-top: 1rem;
}

.comment-tribute-form .ptah-tribute-recorder-button {
  display: inline-flex !important;
  align-items: center;
  gap: 0.45rem;
}

.comment-tribute-form .ptah-tribute-recorder-button::before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  flex: 0 0 auto;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.comment-tribute-form .ptah-recorder-start::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='3' fill='black' stroke='none'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='3' fill='black' stroke='none'/%3E%3C/svg%3E");
}

.comment-tribute-form .ptah-recorder-stop::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='5' y='5' rx='2'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='5' y='5' rx='2'/%3E%3C/svg%3E");
}

.comment-tribute-form .ptah-recorder-drop::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E");
}



.ptah-tribute-modal-form .form-textarea-wrapper {
    width: 100%!important;
}
/* =========================================================
   PTAH Tribute Type Selector
   Elegant TrulyWed card-style radio selector.
   ========================================================= */

.comment-tribute-form.ptah-tribute-type-card-form {
  --ptah-tw-cream: #fef9f2;
  --ptah-tw-white: #ffffff;
  --ptah-tw-gold: #b89a64;
  --ptah-tw-gold-soft: rgba(184, 154, 100, 0.28);
  --ptah-tw-border: rgba(184, 154, 100, 0.32);
  --ptah-tw-text: #555555;
  --ptah-tw-muted: #777777;
  --ptah-tw-blue: #e1e9ef;
}

.comment-tribute-form .field--name-field-tribute-type {
  margin: 0 0 1.5rem;
  padding: 1.25rem 0;
  border: 1px solid var(--ptah-tw-border);
  border-radius: 16px;
}

.comment-tribute-form .field--name-field-tribute-type legend {
  margin: 0 0 0.35rem;
}

.comment-tribute-form .field--name-field-tribute-type .fieldset-legend {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  color: #2f2f2f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.15;
}

.comment-tribute-form .field--name-field-tribute-type .fieldset-legend::after {
  content: "";
  display: inline-block;
  width: 78px;
  height: 12px;
  opacity: 0.72;
  background-image: url("data:image/svg+xml,%3Csvg width='120' height='18' viewBox='0 0 120 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23b89a64' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9h42'/%3E%3Cpath d='M76 9h42'/%3E%3Cpath d='M54 9c4-7 8-7 12 0-4 7-8 7-12 0Z'/%3E%3Cpath d='M60 3v12'/%3E%3Ccircle cx='50' cy='9' r='2'/%3E%3Ccircle cx='70' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.comment-tribute-form .field--name-field-tribute-type .fieldset-wrapper::before {
  content: "Choose how you would like to leave your tribute.";
  display: block;
  margin: 0 0 1.1rem;
  color: var(--ptah-tw-muted);
  font-size: 1rem;
  line-height: 1.4;
}

.comment-tribute-form .field--name-field-tribute-type .form-radios {
  display: flex;
}

.comment-tribute-form .ptah-tribute-type-card {
  position: relative;
  margin: 0 !important;
}

.comment-tribute-form .ptah-tribute-type-card input[type="radio"] {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.comment-tribute-form .ptah-tribute-type-card__label {
  min-height: 172px;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 1.2rem 1rem;
  box-sizing: border-box;
  border: 1px solid var(--ptah-tw-border);
  border-radius: 14px;
  /* background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(254, 249, 242, 0.86)); */
  color: #2f2f2f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(90, 70, 45, 0.04);
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease,
    background 180ms ease;
}

.comment-tribute-form .ptah-tribute-type-card__label::before {
  content: "";
  width: 76px;
  height: 76px;
  display: block;
  margin: 0 0 0.4rem;
  border: 1px solid var(--ptah-tw-gold-soft);
  border-radius: 999px;
  /* background-color: #a98b59; */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 42px 42px;
  box-shadow:
    inset 0 0 0 14px rgba(254, 249, 242, 0.9),
    0 8px 18px rgba(90, 70, 45, 0.06);
}

.comment-tribute-form .ptah-tribute-type-card[data-tribute-type="text"] .ptah-tribute-type-card__label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a98b59' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h5'/%3E%3Cpath d='M8 17h3'/%3E%3Cpath d='m15 18 5-5 2 2-5 5-3 1Z'/%3E%3C/svg%3E");
}

.comment-tribute-form .ptah-tribute-type-card[data-tribute-type="audio"] .ptah-tribute-type-card__label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a98b59' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a3 3 0 0 0-3 3v6a3 3 0 0 0 6 0V6a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cpath d='M12 19v3'/%3E%3Cpath d='M8 22h8'/%3E%3Cpath d='M4 8c-1 1.2-1.5 2.6-1.5 4s.5 2.8 1.5 4'/%3E%3Cpath d='M20 8c1 1.2 1.5 2.6 1.5 4s-.5 2.8-1.5 4'/%3E%3C/svg%3E");
}

.comment-tribute-form .ptah-tribute-type-card[data-tribute-type="video"] .ptah-tribute-type-card__label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a98b59' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='13' height='12' rx='2'/%3E%3Cpath d='m16 10 5-3v10l-5-3Z'/%3E%3Cpath d='m8 10 4 2-4 2Z'/%3E%3C/svg%3E");
}

.comment-tribute-form .ptah-tribute-type-card__label::after {
  display: block;
  margin-top: 0.2rem;
  color: var(--ptah-tw-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 400;
}

.comment-tribute-form .ptah-tribute-type-card[data-tribute-type="text"] .ptah-tribute-type-card__label::after {
  content: "Write your tribute";
}

.comment-tribute-form .ptah-tribute-type-card[data-tribute-type="audio"] .ptah-tribute-type-card__label::after {
  content: "Record your tribute";
}

.comment-tribute-form .ptah-tribute-type-card[data-tribute-type="video"] .ptah-tribute-type-card__label::after {
  content: "Share a video tribute";
}

.comment-tribute-form .ptah-tribute-type-card:hover .ptah-tribute-type-card__label,
.comment-tribute-form .ptah-tribute-type-card input[type="radio"]:focus-visible + .ptah-tribute-type-card__label {
  transform: translateY(-2px);
  border-color: rgba(184, 154, 100, 0.62);
  box-shadow: 0 12px 26px rgba(90, 70, 45, 0.09);
}

.comment-tribute-form .ptah-tribute-type-card.is-selected .ptah-tribute-type-card__label {
  border-color: var(--ptah-tw-gold);
  background:
    radial-gradient(circle at top right, rgba(184, 154, 100, 0.12), transparent 42%),
    linear-gradient(180deg, #ffffff, #fef9f2);
  box-shadow:
    0 12px 28px rgba(90, 70, 45, 0.1),
    inset 0 0 0 1px rgba(184, 154, 100, 0.28);
}

.comment-tribute-form .ptah-tribute-type-card.is-selected::after {
  content: "";
  position: absolute;
  top: .5rem;
  right: 2rem;
  width: 24px;
  height: 24px;
  z-index: 4;
  border-radius: 999px;
  background-color: var(--ptah-tw-gold);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
}

/* Active tribute section headings. */

.comment-tribute-form .field--name-comment-body,
.comment-tribute-form .field--name-field-audio-tribute,
.comment-tribute-form .field--name-field-video-tribute {
  position: relative;
  margin-top: 1.75rem;
  padding-top: 5rem;
}

.comment-tribute-form .field--name-comment-body::before, .comment-tribute-form .field--name-field-audio-tribute::before, .comment-tribute-form .field--name-field-video-tribute::before {
    position: relative;
    top: 0!important;
    left: 0!important;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    color: #2f2f2f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.65rem!important;
    font-weight: 500;
    line-height: 1.2;
}

.comment-tribute-form .field--name-comment-body::before {
  content: "Write your tribute";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a98b59' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h5'/%3E%3Cpath d='M8 17h3'/%3E%3Cpath d='m15 18 5-5 2 2-5 5-3 1Z'/%3E%3C/svg%3E");
  background-size: 36px;
  background-repeat: no-repeat;
  background-position-y: 5px;
  padding-left: 41px;
}

.comment-tribute-form .field--name-field-audio-tribute::before {
  content: "       Record your tribute";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a98b59' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a3 3 0 0 0-3 3v6a3 3 0 0 0 6 0V6a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cpath d='M12 19v3'/%3E%3Cpath d='M8 22h8'/%3E%3Cpath d='M4 8c-1 1.2-1.5 2.6-1.5 4s.5 2.8 1.5 4'/%3E%3Cpath d='M20 8c1 1.2 1.5 2.6 1.5 4s-.5 2.8-1.5 4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 4px;
  padding-left: 41px;
  background-size: 36px;
  top: 0px!important;
}

.comment-tribute-form .field--name-field-video-tribute::before {
  content: "Share a video tribute";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a98b59' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='13' height='12' rx='2'/%3E%3Cpath d='m16 10 5-3v10l-5-3Z'/%3E%3Cpath d='m8 10 4 2-4 2Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 36px;
  background-position-y: 10px;
  padding-left: 41px;
  top: 0px!important;
}

.comment-tribute-form .field--name-comment-body::after,
.comment-tribute-form .field--name-field-audio-tribute::after,
.comment-tribute-form .field--name-field-video-tribute::after {
  position: absolute;
  top: 2.25rem;
  left: 0;
  color: var(--ptah-tw-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.98rem;
}


.comment-tribute-form .field--name-field-audio-tribute::after {
  content: "Use your voice to leave a warm audio message.";
}

.comment-tribute-form .field--name-field-video-tribute::after {
  content: "Record or upload a video message for the couple.";
}

@media (max-width: 760px) {
  .comment-tribute-form .field--name-field-tribute-type .form-radios {
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .comment-tribute-form .ptah-tribute-type-card__label {
    min-height: 132px;
  }
}

/* =========================================================
   TrulyWed vertical tribute form — final mockup styling.
   ========================================================= */

.comment-tribute-form.ptah-trulywed-tribute-form {
  --tw-cream: #fef9f2;
  --tw-white: #ffffff;
  --tw-gold: #b89a64;
  --tw-gold-dark: #9d7d45;
  --tw-border: rgba(184, 154, 100, 0.32);
  --tw-border-soft: rgba(184, 154, 100, 0.18);
  --tw-text: #333333;
  --tw-muted: #666666;

  max-width: 920px;
  margin: 0 auto 0;
  padding: 0;
  overflow: hidden;
}

/* Main top selector panel. */
.comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-tribute-type {
  margin: 0;
  /* padding: 2.4rem 2.5rem 2.6rem; */
  border: 0;
  border-bottom: 1px solid var(--tw-border-soft);
  border-radius: 0;
  /* background:
    radial-gradient(circle at top right, rgba(184, 154, 100, 0.09), transparent 42%),
    linear-gradient(180deg, #fffdf9, var(--tw-white)); */
}

.comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-tribute-type .fieldset-legend {
  color: var(--tw-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.2rem;
  font-weight: 500;
}

.comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-tribute-type .fieldset-wrapper::before {
  margin-bottom: 1.7rem;
  color: var(--tw-muted);
  font-size: 1.05rem;
}

/* Tribute cards. */
.comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-tribute-type .form-radios {
  display: flex;
}

.comment-tribute-form.ptah-trulywed-tribute-form .ptah-tribute-type-card__label {
  min-height: 230px;
  border-radius: 12px;
  border: 1px solid var(--tw-border-soft);
  background: linear-gradient(180deg, #ffffff, #fffdf9);
  box-shadow: 0 10px 24px rgba(80, 60, 35, 0.04);
}

.comment-tribute-form.ptah-trulywed-tribute-form .ptah-tribute-type-card__label::before {
  width: 96px;
  height: 96px;
  background-size: 52px 52px;
  box-shadow:
    inset 0 0 0 18px rgba(254, 249, 242, 0.95),
    0 8px 20px rgba(80, 60, 35, 0.06);
}

.comment-tribute-form.ptah-trulywed-tribute-form .ptah-tribute-type-card.is-selected .ptah-tribute-type-card__label {
  border-color: var(--tw-gold);
  box-shadow:
    0 14px 30px rgba(90, 70, 45, 0.09),
    inset 0 0 0 1px rgba(184, 154, 100, 0.34);
}

/* Active field panel. */
.comment-tribute-form.ptah-trulywed-tribute-form .field--name-comment-body,
.comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-audio-tribute,
.comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-video-tribute,
.comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-video-tribute-media {

    background: #ffffff!important;
    margin: 0 0 24px;
    padding: 24px 26px;
    border: 1px solid rgba(191, 176, 151, 0.24)!important;
    border-radius: 14px !important;
    box-shadow: 0 5px 13px rgba(57, 72, 80, 0.05)!important;
}

.comment-tribute-form.ptah-trulywed-tribute-form .field--name-comment-body::before,
.comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-audio-tribute::before,
.comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-video-tribute::before {
  top: 2.3rem;
  left: 1.5rem;
  color: var(--tw-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.05rem;
}

.comment-tribute-form.ptah-trulywed-tribute-form .field--name-comment-body::after{
  top: 5.95rem;
  left: 1.5rem;
  color: var(--tw-muted);
  font-size: 1.02rem;
}

.comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-audio-tribute::after {
    top: 78px;
    left: 1.7rem;
    color: var(--tw-muted);
    font-size: 15px;
}
.has-value.field--field-audio-tribute.solo-field-managed-file.js-form-item.form-item.js-form-type-managed-file.form-type-managed-file.js-form-item-field-audio-tribute-0.form-item-field-audio-tribute-0 label {
    display: none;
}

.comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-video-tribute::after {
    top: 69px;
    left: 1.3rem;
    color: var(--tw-muted);
    font-size: 15px;
}
.comment-tribute-form.ptah-trulywed-tribute-form .ptah-tribute-generated-heading {
    visibility: hidden;
}




/* Field labels inside active panel. */
.comment-tribute-form.ptah-trulywed-tribute-form .ptah-tribute-label,
.comment-tribute-form.ptah-trulywed-tribute-form .ptah-tribute-generated-heading {
  margin-bottom: 0.85rem;
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
}

/* Text area. */
.comment-tribute-form.ptah-trulywed-tribute-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 170px;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(85, 85, 85, 0.18);
  border-radius: 10px;
  background: #ffffff;
  color: #555555;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1rem;
  margin-bottom: 15px;
}

.comment-tribute-form.ptah-trulywed-tribute-form .form-textarea-wrapper {
  width: 100% !important;
}

/* Audio field controls. */
.comment-tribute-form.ptah-trulywed-tribute-form .audio-recorder-trigger,
.comment-tribute-form.ptah-trulywed-tribute-form .solo-file-button {
  min-height: 2.8rem;
  border-radius: 999px;
  border: 1px solid var(--tw-border-soft);
  background: #ffffff;
  color: var(--tw-gold-dark);
  box-shadow: 0 8px 20px rgba(80, 60, 35, 0.06);
}

.comment-tribute-form.ptah-trulywed-tribute-form .audio-recorder-trigger {
  padding-inline: 1.4rem;
}

/* Video recorder buttons. */
.comment-tribute-form.ptah-trulywed-tribute-form .react-recorder-widget button {
  min-height: 2.6rem;
  padding: 0.65rem 1.1rem;
  border-radius: 8px;
  border: 1px solid var(--tw-border-soft);
}

.comment-tribute-form.ptah-trulywed-tribute-form .react-recorder-widget .ptah-recorder-start {
  background: var(--tw-gold);
  color: #ffffff;
}

.comment-tribute-form.ptah-trulywed-tribute-form .react-recorder-widget .ptah-recorder-stop {
  background: #ffffff;
  color: var(--tw-gold-dark);
}

/* Admin details. */
.comment-tribute-form.ptah-trulywed-tribute-form details {
    margin: 0;
    padding: 0 2.5rem 2rem;
    border: 0;
    border-radius: 8px;
}

.comment-tribute-form.ptah-trulywed-tribute-form details > summary {
  padding: 1rem 1.1rem;
  border: 1px solid var(--tw-border-soft);
  border-radius: 8px;
  background: #fffdf9;
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 700;
}

/* Footer actions. */
.comment-tribute-form.ptah-trulywed-tribute-form .form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
  padding: 1.5rem 2.5rem;
  border-top: 1px solid var(--tw-border-soft);

}

.ptah-tribute-cancel {
  color: var(--tw-gold-dark)!important;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.1rem;
}

.ptah-post-tribute-button {
  min-width: 210px;
  min-height: 3.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #b89a64, #a9874d);
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.25rem;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(100, 75, 35, 0.18);
}

/* Mobile-first refinement. */
@media (max-width: 760px) {
  .comment-tribute-form.ptah-trulywed-tribute-form {
    max-width: calc(100vw - 1.2rem);
    border-radius: 12px;
  }

  .comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-tribute-type,
  .comment-tribute-form.ptah-trulywed-tribute-form .field--name-comment-body,
  .comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-audio-tribute,
  .comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-video-tribute,
  .comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-video-tribute-media {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-tribute-type .form-radios {
    grid-template-columns: 1fr;
  }

  .comment-tribute-form.ptah-trulywed-tribute-form .ptah-tribute-type-card__label {
    min-height: 105px;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    padding: 0.85rem;
  }

  .comment-tribute-form.ptah-trulywed-tribute-form .ptah-tribute-type-card__label::before {
    width: 62px;
    height: 62px;
    margin: 0;
    background-color: #fffaf2;
    background-size: 34px 34px;
    box-shadow: inset 0 0 0 18px rgb(255 255 255 / 95%), 0 8px 20px rgba(80, 60, 35, 0.06);
  }

  .comment-tribute-form.ptah-trulywed-tribute-form .field--name-comment-body::before,
  .comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-audio-tribute::before,
  .comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-video-tribute::before {
    left: 1rem;
    font-size: 1.55rem;
  }

  .comment-tribute-form.ptah-trulywed-tribute-form .field--name-comment-body::after,
  .comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-audio-tribute::after,
  .comment-tribute-form.ptah-trulywed-tribute-form .field--name-field-video-tribute::after {
    left: 1rem;
  }

  .comment-tribute-form.ptah-trulywed-tribute-form .form-actions {
    flex-direction: column-reverse;
    align-items: stretch;
    padding: 1rem;
  }

  .ptah-post-tribute-button {
    width: 100%;
  }

  .ptah-tribute-cancel {
    text-align: center;
  }
}

label.form-item__label.js-form-required.form-required.ptah-tribute-label,
label#edit-field-audio-tribute-0--label, 
.ptah-tribute-generated-heading {

}


.js-form-managed-file.form-managed-file {
    background: none;
    padding-left: 0;
    border-radius: 0;
}
.comment-tribute-form fieldset:not(td fieldset) {
    border: 0!important;
}

.comment-tribute-form .js-form-managed-file.form-managed-file {
    background: none;
    padding-left: 0;
    border-radius: 0;
}



.has-value.field--field-audio-tribute.solo-field-managed-file.js-form-item.form-item.js-form-type-managed-file.form-type-managed-file.js-form-item-field-audio-tribute-0.form-item-field-audio-tribute-0 label, 
.ptah-tribute-generated-heading {
    margin-top: 20px;
}

.comment-tribute-form .ptah-tribute-exclusive-message {
  margin: 0 0 1.25rem;
  padding: 0.85rem 1rem;
  border-left: 4px solid #b89a64;
  background: #fff8ea;
  color: #5f4b2f;
  line-height: 1.5;
}

.comment-tribute-form .ptah-tribute-exclusive-message[hidden] {
  display: none;
}

.comment-tribute-form .is-tribute-type-disabled {
  opacity: 0.5;
}

.comment-tribute-form .is-tribute-type-disabled,
.comment-tribute-form .ptah-tribute-type-card.is-unavailable {
  cursor: not-allowed;
}

.comment-tribute-form .ptah-tribute-type-card.is-unavailable .ptah-tribute-type-card__label {
  opacity: 0.55;
}