/* eBotNote Article License 1.3.3
   Uses the active theme's font, text color, global wide width, and WP preset colors.
   The local component rules provide shadcn-style spacing, borders, and controls without replacing the site theme. */
.ebot-ui{
  --ebot-surface:var(--wp--preset--color--base,#fff);
  --ebot-accent:var(--wp--preset--color--contrast,#09090b);
  --ebot-text:inherit;
  --ebot-border:#e4e4e7;
  --ebot-border:color-mix(in srgb,currentColor 15%,transparent);
  --ebot-soft:#f4f4f5;
  --ebot-soft:color-mix(in srgb,currentColor 5%,transparent);
  --ebot-muted:#71717a;
  --ebot-muted:color-mix(in srgb,currentColor 62%,transparent);
  --ebot-danger:#b91c1c;
  --ebot-success:#166534;
  --ebot-radius:8px;
  color:inherit;
  font:inherit;
}
.ebot-ui,.ebot-ui *{box-sizing:border-box}
.ebot-ui a,.ebot-ui button,.ebot-ui input,.ebot-ui textarea,.ebot-ui select{font:inherit}


/* Public authentication menu: Login / Register / Password Recovery */

/* Auth links injected into the real WordPress primary menu. */
.ebot-main-auth-item{display:flex!important;align-items:center!important;margin:0!important;padding:0!important}
.ebot-main-auth-item>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:6px 10px!important;margin:0!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:inherit!important;text-decoration:none!important;font:inherit!important;font-size:12px!important;font-weight:650!important;line-height:1.2!important;white-space:nowrap!important;box-shadow:none!important}
.ebot-main-auth-item>a:hover,.ebot-main-auth-item.current-menu-item>a{background:var(--ebot-soft,#f4f4f5)!important;border-color:var(--ebot-border,#e4e4e7)!important;text-decoration:none!important}
.ebot-main-auth-register>a{background:var(--ebot-accent,#09090b)!important;border-color:var(--ebot-accent,#09090b)!important;color:var(--ebot-surface,#fff)!important}
.ebot-main-auth-register>a:hover,.ebot-main-auth-register.current-menu-item>a{opacity:.86!important;background:var(--ebot-accent,#09090b)!important;border-color:var(--ebot-accent,#09090b)!important;color:var(--ebot-surface,#fff)!important}
.ebot-main-auth-password>a{color:var(--ebot-muted,#71717a)!important}

.ebot-auth-menu{display:flex;align-items:center;justify-content:flex-end;gap:5px;max-width:100%;color:inherit}
.ebot-auth-menu-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:6px 10px!important;margin:0!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:inherit!important;text-decoration:none!important;font-size:12px!important;font-weight:650!important;line-height:1.2!important;white-space:nowrap!important;box-shadow:none!important;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease!important}
.ebot-auth-menu-link:hover,.ebot-auth-menu-link.is-active{background:var(--ebot-soft)!important;border-color:var(--ebot-border)!important;text-decoration:none!important}
.ebot-auth-menu-primary{border-color:var(--ebot-accent)!important;background:var(--ebot-accent)!important;color:var(--ebot-surface)!important}
.ebot-auth-menu-primary:hover,.ebot-auth-menu-primary.is-active{background:var(--ebot-accent)!important;border-color:var(--ebot-accent)!important;color:var(--ebot-surface)!important;opacity:.86!important}
.ebot-auth-menu-recovery{color:var(--ebot-muted)!important}
.ebot-auth-menu-item{display:flex!important;align-items:center!important;overflow:visible!important}

.ebot-account{position:relative;display:inline-flex;align-items:center;color:inherit}
.ebot-account-trigger{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border:1px solid var(--ebot-border);border-radius:var(--ebot-radius);background:var(--ebot-surface);color:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.ebot-account-trigger:hover{background:var(--ebot-soft)}
.ebot-avatar{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--ebot-border);border-radius:999px;background:var(--ebot-soft);font-size:10px;font-weight:700}
.ebot-chevron{font-size:14px;color:var(--ebot-muted)}
.ebot-account-menu{display:none;position:absolute;z-index:999999;top:calc(100% + 8px);right:0;min-width:230px;padding:6px;border:1px solid var(--ebot-border);border-radius:10px;background:var(--ebot-surface);color:inherit;box-shadow:0 16px 40px rgba(0,0,0,.13)}
.ebot-account.is-open .ebot-account-menu{display:block}
.ebot-account-menu a{display:block!important;padding:9px 10px!important;margin:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:inherit!important;text-decoration:none!important;font-size:13px!important;font-weight:500!important;line-height:1.35!important}
.ebot-account-menu a:hover{background:var(--ebot-soft)!important}
.ebot-menu-separator{height:1px;background:var(--ebot-border);margin:5px}
.ebot-account-menu-item{display:flex!important;align-items:center!important;overflow:visible!important}

.ebot-shell{width:min(var(--wp--style--global--wide-size,920px),calc(100% - 32px));margin:28px auto;color:inherit;font:inherit}
.ebot-portal-hero{padding:6px 2px 18px;margin:0 0 12px;border-bottom:1px solid var(--ebot-border)}
.ebot-portal-hero h1{margin:4px 0 7px!important;color:inherit!important;font-family:inherit!important;font-size:clamp(26px,4vw,34px)!important;font-weight:700!important;line-height:1.12!important;letter-spacing:-.035em!important}
.ebot-eyebrow{margin:0!important;color:var(--ebot-muted)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase}
.ebot-hero-copy{max-width:700px;margin:0!important;color:var(--ebot-muted)!important;font-size:13px!important;line-height:1.65!important}

.ebot-page-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.ebot-page-nav a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--ebot-border);border-radius:7px;background:var(--ebot-surface);color:inherit!important;text-decoration:none!important;font-size:12px!important;font-weight:600!important}
.ebot-page-nav a:hover,.ebot-page-nav a.is-active{background:var(--ebot-soft)}
.ebot-page-nav a.is-active{box-shadow:inset 0 0 0 1px var(--ebot-border)}

.ebot-card{background:var(--ebot-surface);color:inherit;border:1px solid var(--ebot-border);border-radius:10px;padding:20px;margin:0 0 16px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.ebot-card h2,.ebot-card h3{color:inherit!important;font-family:inherit!important}
.ebot-card h2{margin:2px 0 8px!important;font-size:20px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.02em!important}
.ebot-card h3{margin:3px 0 6px!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important}
.ebot-card p{font-size:14px;line-height:1.62}
.ebot-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.ebot-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 8px;border:1px solid var(--ebot-border);border-radius:999px;background:var(--ebot-soft);color:inherit;font-size:11px;font-weight:700}
.ebot-badge.is-success{color:var(--ebot-success)}
.ebot-muted{color:var(--ebot-muted)!important;font-size:12px!important}
.ebot-notice{padding:10px 12px;margin:0 0 14px;border:1px solid var(--ebot-border);border-radius:8px;background:var(--ebot-soft);color:inherit;font-size:13px;line-height:1.5}

.ebot-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ebot-stat-card{display:grid;gap:7px;margin:0}
.ebot-stat-label{color:var(--ebot-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.ebot-stat-value{font-size:30px;line-height:1;font-weight:750;letter-spacing:-.04em}
.ebot-stat-word{font-size:22px}
.ebot-stat-card a{color:inherit!important;font-size:12px;font-weight:600;text-decoration:none!important}
.ebot-stat-card a:hover{text-decoration:underline!important}

.ebot-auth-card{width:min(100%,560px)}
.ebot-form{display:grid;gap:13px}
.ebot-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ebot-form label{display:grid;gap:6px;color:inherit;font-size:12px;font-weight:650;line-height:1.4}
.ebot-form input:not([type=checkbox]),.ebot-form textarea,.ebot-form select{width:100%;max-width:none;margin:0;padding:9px 11px;border:1px solid var(--ebot-border);border-radius:7px;background:var(--ebot-surface);color:inherit;outline:0;box-shadow:none}
.ebot-form input:not([type=checkbox]){height:40px}
.ebot-form textarea{min-height:112px;resize:vertical}
.ebot-form input:focus,.ebot-form textarea:focus,.ebot-form select:focus{border-color:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)}
.ebot-form input:disabled{opacity:.65;background:var(--ebot-soft)}
.ebot-check{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}
.ebot-check input{margin:0}
.ebot-field-help{color:var(--ebot-muted);font-size:11px;font-weight:400}
.ebot-section-rule{height:1px;background:var(--ebot-border);margin:5px 0}
.ebot-form-actions{display:flex;gap:8px;align-items:center}

.ebot-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;width:auto;padding:8px 13px;border:1px solid var(--ebot-accent);border-radius:7px;background:var(--ebot-accent);color:var(--ebot-surface)!important;text-decoration:none!important;font-size:13px;font-weight:650;line-height:1.2;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.ebot-button:hover{opacity:.88;text-decoration:none!important}
.ebot-button:disabled{opacity:.45;cursor:not-allowed}
.ebot-button-outline{background:var(--ebot-surface);color:inherit!important;border-color:var(--ebot-border)}
.ebot-button-outline:hover,.ebot-button-outline.is-active{background:var(--ebot-soft);opacity:1}
.ebot-auth-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ebot-border)}
.ebot-auth-links a{color:inherit!important;font-size:12px!important;font-weight:600;text-decoration:none!important}
.ebot-auth-links a:hover{text-decoration:underline!important}

.ebot-list{border-top:1px solid var(--ebot-border)}
.ebot-list-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--ebot-border)}
.ebot-title{color:inherit!important;text-decoration:none!important;font-weight:650;font-size:14px}
.ebot-title:hover{text-decoration:underline!important}
.ebot-meta{margin-top:3px;color:var(--ebot-muted);font-size:11px}
.ebot-icon-button{flex:0 0 auto;width:34px;height:34px;border:1px solid var(--ebot-border);border-radius:7px;background:var(--ebot-surface);color:inherit;cursor:pointer}
.ebot-icon-button:hover{background:var(--ebot-soft)}
.ebot-empty{padding:8px 0 2px}
.ebot-favorite-wrap{margin:24px 0}

.ebot-price{font-size:30px;font-weight:750;letter-spacing:-.04em;margin:16px 0}
.ebot-license-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ebot-payment-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--ebot-border)}
#ebot-payment-element{margin-bottom:14px}
.ebot-payment-message{min-height:20px;color:var(--ebot-danger);font-size:12px!important}

@media(max-width:700px){
  .ebot-shell{width:min(100% - 20px,var(--wp--style--global--wide-size,920px));margin:18px auto}
  .ebot-dashboard-grid,.ebot-form-grid{grid-template-columns:1fr}
  .ebot-card{padding:16px}
  .ebot-card-head{display:block}
  .ebot-card-head .ebot-badge{margin-top:6px}
  .ebot-account-menu{right:0}
  .ebot-auth-menu{flex-wrap:wrap;justify-content:flex-start;width:100%;gap:4px}
  .ebot-auth-menu-link{min-height:32px!important;padding:5px 8px!important;font-size:11px!important}
}

@media(max-width:430px){
  .ebot-auth-menu{display:grid;grid-template-columns:1fr 1fr}
  .ebot-auth-menu-recovery{grid-column:1 / -1}
  .ebot-auth-menu-link{width:100%!important}
}

@media(max-width:700px){
  .ebot-main-auth-item{width:auto!important}
  .ebot-main-auth-item>a{min-height:32px!important;padding:5px 8px!important;font-size:11px!important}
}

/* Stable account-menu state across login/logout and cached header fragments. */
.logged-in .ebot-main-auth-item{display:none!important}
.ebot-member-menu-item{display:none!important}
.logged-in .ebot-member-menu-item{display:flex!important}
