/*
 Theme Name:   Varent
 Theme URI:    https://developer.wordpress.org/themes/advanced-topics/child-themes/
 Description:  A child theme for Hello Elementor designed for the Varent Intranet
 Author:       Seventeenth & Blake, A digital Growth Agency
 Author URI:   https://seventeenthandblake.com
 Template:     hello-elementor
 Version:      1.0.0
 Requires at least: 6.0
 Tested up to: 6.7
 Requires PHP: 7.4
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  varent
*/

/* ==========================================================================
   Child Theme Custom Styles
   ========================================================================== */

/* ===========================================
      Entity Tags (global)
      =========================================== */
   .varent-entity-tag {
       display: inline-block;
       font-size: 12px;
       font-weight: 500;
       padding: 2px 10px;
       border-radius: 10px;
       line-height: 1.4;
       color: #fff;
       white-space: nowrap;
       transition: opacity 0.2s ease;
   }
   
   .varent-entity-tag:hover {
       opacity: 0.85;
   }
   
   
   /* Accent tokens, scoped to the login UI */
   .wpum-login-form,
   .wpum-action-links {
       --wpum-accent: var(--brand-primary, #1f2937);
       --wpum-accent-hover: var(--brand-secondary, #111827);
   }
   
   /* Page title above the card */
   .page-header .entry-title {
       text-align: center;
       margin-bottom: 1.5rem;
       font-size: 1.75rem;
       letter-spacing: 0.01em;
   }
   
   /* The box */
   .wpum-login-form {
       max-width: 420px;
       margin: 0 auto;
       padding: 2.25rem 2rem;
       background: #ffffff;
       border: 1px solid #e5e7eb;
       border-radius: 12px;
       box-shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
       box-sizing: border-box;
   }
   
   /* Fieldsets and spacing */
   .wpum-login-form fieldset {
       border: 0;
       padding: 0;
       margin: 0 0 1.15rem;
   }
   
   .wpum-login-form label {
       display: block;
       font-size: 0.875rem;
       font-weight: 600;
       color: #374151;
       margin-bottom: 0.4rem;
   }
   
   .wpum-login-form .wpum-required {
       color: #dc2626;
       margin-left: 2px;
   }
   
   /* Text inputs */
   .wpum-login-form .input-text {
       width: 100%;
       padding: 0.7rem 0.85rem;
       font-size: 0.95rem;
       color: #111827;
       background: #ffffff;
       border: 1px solid #d1d5db;
       border-radius: 8px;
       box-sizing: border-box;
       transition: border-color 0.15s ease, box-shadow 0.15s ease;
   }
   
   .wpum-login-form .input-text:focus {
       outline: none;
       border-color: var(--wpum-accent);
       box-shadow: 0 0 0 3px rgba(31, 41, 55, 0.12);
   }
   
   /* Remember me row */
   .wpum-login-form .fieldset-remember label {
       display: flex;
       align-items: center;
       gap: 0.5rem;
       font-weight: 400;
       color: #4b5563;
       margin: 0;
       cursor: pointer;
   }
   
   .wpum-login-form .fieldset-remember .field {
       display: inline-flex;
       margin: 0;
   }
   
   .wpum-login-form .input-checkbox {
       width: 16px;
       height: 16px;
       accent-color: var(--wpum-accent);
       margin: 0;
   }
   
   /* Submit button */
   .wpum-login-form .button {
       display: block;
       width: 100%;
       padding: 0.8rem 1rem;
       margin-top: 0.5rem;
       font-size: 0.95rem;
       font-weight: 600;
       color: #ffffff;
       background: var(--wpum-accent);
       border: 0;
       border-radius: 8px;
       cursor: pointer;
       transition: background 0.15s ease, transform 0.05s ease;
   }
   
   .wpum-login-form .button:hover {
       background: var(--wpum-accent-hover);
   }
   
   .wpum-login-form .button:active {
       transform: translateY(1px);
   }
   
   /* Action links beneath the box */
   .wpum-action-links {
       max-width: 420px;
       margin: 1.25rem auto 0;
       padding: 0;
       list-style: none;
       text-align: center;
       font-size: 0.875rem;
       color: #6b7280;
   }
   
   .wpum-action-links li {
       margin: 0.35rem 0;
   }
   
   .wpum-action-links a {
       color: var(--wpum-accent);
       font-weight: 600;
       text-decoration: none;
   }
   
   .wpum-action-links a:hover {
       text-decoration: underline;
   }
   
   /* Small screens */
   @media (max-width: 480px) {
       .wpum-login-form {
           padding: 1.75rem 1.25rem;
           border-radius: 10px;
       }
   }