/*
 Theme Name: Twenty Twenty-Five Child
 Template: twentytwentyfive
 Version: 1.0.0
*/

/* Custom marker + and - for details summary */
.wp-block-details summary::marker {
    content: "+ ";
    font-weight: bold;
    color: var(--wp--preset--color--accent, #000000);
}

.wp-block-details[open] summary::marker {
    content: "- ";
}

/* Summary hover and open states with subtle background tint */
.wp-block-details summary:hover,
.wp-block-details summary:focus,
.wp-block-details[open] summary {
    background-color: rgba(99, 102, 241, 0.1);
    transition: background-color 0.3s ease;
}

/* Change text color for Ultimate Member forms and profiles */
.um,
.um * {
  color: #ffffff !important; /* Replace #222222 with your desired text color */
}

/* Specifically target form labels and inputs */
.um .um-field-label,
.um .um-field,
.um .um-field .um-field-area,
.um .um-message,
.um .um-form {
  color: #000000 !important;
}

/* Ultimate Member links - all states */
.um a,
.um a:link,
.um a:visited,
.um a:active {
  color: #ffffff !important;        /* Normal link color */
  text-decoration: underline;
}

.um a:hover {
  color: #f7f700 !important;        /* Hover link color */
  text-decoration: none;
}


/* Primary buttons */
.um-form .um-button,
.um .um-button-primary {
  background-color: #3ba1da !important;   /* Replace with your button background */
  color: #ffffff !important;             /* Button text color */
  border-color: #3ba1da !important;
}

/* Primary buttons - hover */
.um-form .um-button:hover,
.um .um-button-primary:hover {
  background-color: #44b0ec !important;  /* Replace with your hover background */
  color: #fff !important;                 /* Hover text color */
  border-color: #44b0ec !important;
}

/* Secondary buttons */
.um-form .um-secondary,
.um .um-button-secondary {
  background-color: #f7007e !important;      /* Secondary button bg */
  color: #333 !important;                  /* Secondary button text */
  border-color: #ccc !important;
}

/* Secondary buttons - hover */
.um-form .um-secondary:hover,
.um .um-button-secondary:hover {
  background-color: #ddd !important;
  color: #000 !important;
  border-color: #999 !important;
}

/* Ultimate Member text input fields (text, email, password) */
.um .um-field-area input[type="text"],
.um .um-field-area input[type="email"],
.um .um-field-area input[type="password"],
.um .um-field-area textarea,
.um .um-field-area select {
  color: #000000 !important;             /* Text color inside inputs */
  background-color: #f9f9f9 !important; /* Background color for inputs */
  border: 1.5px solid #ccc !important;  /* Border color and thickness */
  border-radius: 6px !important;        /* Rounded corners */
  padding: 10px 12px !important;        /* Input padding */
  font-size: 16px !important;            /* Font size */
  font-family: inherit !important;       /* Match site's font */
  box-sizing: border-box !important;    /* Ensure padding fits */
  transition: border-color 0.3s ease;    /* Smooth border color transition */
}

/* Input focus state */
.um .um-field-area input[type="text"]:focus,
.um .um-field-area input[type="email"]:focus,
.um .um-field-area input[type="password"]:focus,
.um .um-field-area textarea:focus,
.um .um-field-area select:focus {
  border-color: #3ba1da !important;    /* Replace with your accent color */
  outline: none !important;
  background-color: #fff !important;   /* Optional: brighten background on focus */
}

/* Ultimate Member account/profile menu text color */
.um.um-account .um-account-side ul li a {
  color: #000000 !important;        /* Replace with your desired text color */
  font-weight: 600;                 /* Optional: make text bolder */
  font-size: 16px;                  /* Optional: adjust font size */
}

/* Menu text color on hover */
.um.um-account .um-account-side ul li a:hover,
.um.um-account .um-account-side ul li a.current {
  color: #3ba1da !important;        /* Replace with your desired hover/active color */
  text-decoration: underline;       /* Optional: underline on hover */
}

/* Target the gear icon dropdown menu in Ultimate Member user page */
.um-account-nav .um-dropdown-menu {
  background-color: #2c3e50 !important;  /* Replace with your desired background color */
  border-color: #1a2a3a !important;      /* Optional: change border color to match */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; /* Optional: add subtle shadow */
}


/* End of Ultimate Membership CSS */