/* NI DRIP Central Login Plugin Styles - KachoTech Customized */

/* ======== CSS RESET & THEME OVERRIDE ======== */
/* Ensure our styles override any theme styling */
.mt-10{
    margin-top: 0 !important;
}
.ast-plain-container.ast-no-sidebar #primary{
    margin-bottom: 0 !important;
}
.ni-drip-login-wrapper,
.ni-drip-login-wrapper *,
.ni-drip-login-wrapper *:before,
.ni-drip-login-wrapper *:after {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    background: none !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transition: none !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    /*display: block !important;*/
    float: none !important;
    clear: none !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    text-align: left !important;
    white-space: normal !important;
    word-wrap: normal !important;
    word-break: normal !important;
}

/* Re-apply specific styles that we need */
.ni-drip-login-wrapper input,
.ni-drip-login-wrapper button,
.ni-drip-login-wrapper label,
.ni-drip-login-wrapper a {
    cursor: pointer !important;
}

.ni-drip-login-wrapper button,
.ni-drip-login-wrapper input[type="submit"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* Animated neon border setup */
@property --gradient-angle { 
    syntax:"<angle>"; 
    initial-value:0deg; 
    inherits:false; 
}

:root {
    --kacho-red: #FF2D55 !important;
    --kacho-accent: #FF5577 !important;
    --kacho-dark: #1a1a1a !important;
    --kacho-light: #f5f5f5 !important;
    --white: #ffffff !important;
    --black: #000000 !important;
}

.ni-drip-login-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    position: relative !important;
    min-height: auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 40px 0 !important;
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, var(--kacho-red) 100%) !important;
    background-attachment: fixed !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

.ni-drip-login-wrapper .ni-drip-page {
    min-height: auto !important;
    width: 100% !important;
    display: grid !important;
    place-items: center !important;
    padding: 16px !important;
    position: relative !important;
    z-index: 0 !important;
    box-sizing: border-box !important;
}

/* ======== Visible background squares (brand-colored) ======== */
.ni-drip-login-wrapper .bg-squares {
    position: fixed !important; 
    inset: 0 !important; 
    z-index: 0 !important; 
    pointer-events: none !important; 
    overflow: hidden !important;
}

.ni-drip-login-wrapper .sq {
    position: absolute !important;
    border-radius: 32px !important;
    transform: rotate(var(--rot, 18deg)) !important;
    filter: blur(var(--blur, 6px)) !important;
    opacity: var(--o, .55) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,.18),
                inset 0 0 0 1px rgba(255,255,255,.08) !important;
    background: linear-gradient(135deg,
        var(--from, rgba(255,255,255,.22)),
        var(--to, rgba(255,255,255,.10))
    ) !important;
    mix-blend-mode: overlay !important;
}

/* --- Positions and brand color tones --- */
.ni-drip-login-wrapper .sq.tl {
    width: 40vmin !important; 
    height: 40vmin !important;
    left: -8vmin !important; 
    top: 6vmin !important;
    --rot: -15deg !important;
    --from: rgba(255, 45, 85, .4) !important; 
    --to: rgba(255, 85, 119, .15) !important;
}

.ni-drip-login-wrapper .sq.tr {
    width: 60vmin !important; 
    height: 60vmin !important;
    right: -16vmin !important; 
    top: -10vmin !important;
    --rot: 25deg !important;
    --from: rgba(255, 45, 85, .35) !important; 
    --to: rgba(255, 85, 119, .2) !important;
}

.ni-drip-login-wrapper .sq.midL {
    width: 32vmin !important; 
    height: 32vmin !important;
    left: 4vmin !important; 
    top: 46vh !important;
    --rot: -12deg !important;
    --from: rgba(255, 45, 85, .35) !important; 
    --to: rgba(255, 255, 255, .2) !important;
}

.ni-drip-login-wrapper .sq.bc {
    width: 44vmin !important; 
    height: 44vmin !important;
    left: 45% !important; 
    bottom: -10vmin !important;
    transform: translateX(-50%) rotate(14deg) !important;
    --from: rgba(255, 45, 85, .35) !important; 
    --to: rgba(255, 255, 255, .15) !important;
}

.ni-drip-login-wrapper .sq.br {
    width: 48vmin !important; 
    height: 48vmin !important;
    right: -10vmin !important; 
    bottom: -10vmin !important;
    --rot: 18deg !important;
    --from: rgba(255, 45, 85, .35) !important; 
    --to: rgba(255, 255, 255, .15) !important;
}

@media (max-width: 640px) {
    .sq { 
        opacity: .45; 
        filter: blur(4px); 
    }
    .sq.tr { 
        width: 70vmin; 
        height: 70vmin; 
        right: -25vmin; 
        top: -12vmin; 
    }
    .sq.tl { 
        left: -12vmin; 
        top: 4vmin; 
    }
}

/* ======== Animated neon border wrapper ======== */
.ni-drip-login-wrapper .card-border {
    position: relative !important;
    border-radius: 22px !important;
    padding: 4px !important;
    isolation: isolate !important;
    width: 100% !important;
    max-width: 420px !important;
    min-width: 320px !important;
    z-index: 1 !important;
    margin: 0 auto !important;
}

.ni-drip-login-wrapper .card-border::before,
.ni-drip-login-wrapper .card-border::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: conic-gradient(
        from var(--gradient-angle),
        var(--kacho-red),
        var(--kacho-accent),
        var(--kacho-red)
    ) !important;
    animation: rotate 4.5s linear infinite !important;
    z-index: -1 !important;
}

.ni-drip-login-wrapper .card-border::after {
    filter: blur(46px) brightness(1.9) saturate(190%) !important;
    opacity: .68 !important;
    transform: scale(1.08) !important;
}

.ni-drip-login-wrapper .card-border::before {
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important; 
    mask-composite: exclude !important;
    padding: 4px !important;
}

@keyframes rotate { 
    to { 
        --gradient-angle: 360deg; 
    } 
}

/* ======== Card ======== */
.ni-drip-login-wrapper .card {
    width: 100% !important;
    border-radius: 18px !important;
    background:
        radial-gradient(1000px 800px at 100% 0%, rgba(255, 45, 85, .20), transparent 60%),
        radial-gradient(1000px 800px at 0% 100%, rgba(255, 85, 119, .20), transparent 60%),
        linear-gradient(135deg,rgba(0,0,0,.98),rgba(0,0,0,.95)) !important;
    backdrop-filter: blur(18px) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    box-shadow: 0 25px 60px rgba(0,0,0,.55) !important;
    color: #fff !important;
    padding: clamp(18px, 4vw, 26px) !important;
}

/* ======== Header ======== */
.ni-drip-login-wrapper .login-header {
    text-align: center !important;
    margin-bottom: 1.5rem !important;
}

.ni-drip-login-wrapper .logo-container {
    margin: 0 auto !important;
    width: 50% !important;
    height: 6rem !important;
    display: grid !important;
    place-items: center !important;
}

.ni-drip-login-wrapper .logo-container-small {
    margin: 0 auto !important;
    width: 4rem !important;
    height: 4rem !important;
    border-radius: 1rem !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(0,0,0,0.7) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    overflow: hidden !important;
}

.ni-drip-login-wrapper .logo-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.ni-drip-login-wrapper .login-title {
    margin-top: 0.75rem !important;
    font-size: clamp(1.5rem, 4vw, 1.875rem) !important;
    font-weight: 800 !important;
    color: #fff !important;
    text-align: center !important;
}

.ni-drip-login-wrapper .login-subtitle {
    font-size: 0.875rem !important;
    color: rgba(255,255,255,0.7) !important;
    margin-top: 0.25rem !important;
    text-align: center !important;
}

/* ======== Form ======== */
.ni-drip-login-wrapper .ni-drip-login-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.ni-drip-login-wrapper .input-group {
    position: relative !important;
}

.ni-drip-login-wrapper .input-label {
    /*display: block !important;*/
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,0.85) !important;
    margin-bottom: 0.25rem !important;
}

.ni-drip-login-wrapper .input {
    width: 100% !important; 
    border: none !important; 
    border-radius: 14px !important;
    padding: 12px 14px !important; 
    background: rgba(255,255,255,.08) !important; 
    color: #fff !important;
    backdrop-filter: blur(14px) !important;
    transition: .25s !important;
    box-shadow: inset 0 0 8px rgba(255,255,255,.08), 0 2px 8px rgba(0,0,0,.1) !important;
    font-size: 1rem !important;
    font-family: Inter, system-ui, Arial, sans-serif !important;
}

.ni-drip-login-wrapper .input::placeholder { 
    color: rgba(255,255,255,.6) !important; 
}

.ni-drip-login-wrapper .input:focus {
    outline: none !important;
    background: rgba(255,255,255,.18) !important;
    box-shadow: inset 0 0 12px rgba(255,255,255,.15), 0 0 0 3px rgba(255, 45, 85, .25) !important;
}

.ni-drip-login-wrapper .password-group {
    position: relative !important;
}

.ni-drip-login-wrapper .password-input {
    padding-right: 4rem !important;
}

.ni-drip-login-wrapper .password-toggle {
    position: absolute !important;
    right: 1rem !important;
    top: 58% !important;
    transform: translateY(-50%) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.75) !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: color 0.2s !important;
}

.ni-drip-login-wrapper .password-toggle:hover {
    color: rgba(255,255,255,0.9) !important;
}

/* ======== Form Options ======== */
.ni-drip-login-wrapper .form-options {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 0.875rem !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
}

.ni-drip-login-wrapper .remember-me {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    cursor: pointer !important;
}

.ni-drip-login-wrapper .remember-checkbox {
    accent-color: var(--kacho-red) !important;
}

.ni-drip-login-wrapper .remember-text {
    color: rgba(255,255,255,0.85) !important;
}

.ni-drip-login-wrapper .forgot-password {
    font-weight: 600 !important;
    color: var(--kacho-red) !important;
    text-decoration: none !important;
    transition: opacity 0.2s !important;
}

.ni-drip-login-wrapper .forgot-password:hover {
    opacity: 0.9 !important;
    color: var(--kacho-red) !important;
}

/* ======== Button ======== */
.ni-drip-login-wrapper .btn-primary {
    width: 100% !important;
    margin-top: 0.75rem !important;
    background: linear-gradient(90deg, var(--kacho-red), var(--kacho-accent)) !important;
    color: #fff !important; 
    font-weight: 700 !important;
    border-radius: 8px !important; 
    padding: 12px 0 !important;
    box-shadow: 0 0 20px rgba(255, 45, 85, .35) !important;
    transition: .25s !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 0.95rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    position: relative !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
}

.ni-drip-login-wrapper .btn-primary:hover { 
    filter: brightness(1.1) !important; 
    box-shadow: 0 0 30px rgba(255, 45, 85, .5) !important;
}

.ni-drip-login-wrapper .btn-primary:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

.ni-drip-login-wrapper .btn-spinner svg {
    animation: spin 1s linear infinite !important;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* ======== Footer ======== */
.ni-drip-login-wrapper .login-footer {
    margin-top: 1.5rem !important;
    text-align: center !important;
    font-size: 0.875rem !important;
    color: rgba(255,255,255,0.8) !important;
    display: inline-block !important;
    white-space: nowrap !important;
}

.ni-drip-login-wrapper .signup-link {
    font-weight: 600 !important;
    color: var(--kacho-red) !important;
    text-decoration: none !important;
    transition: opacity 0.2s !important;
}

.ni-drip-login-wrapper .signup-link:hover {
    opacity: 0.9 !important;
    color: var(--kacho-red) !important;
}

/* ======== Messages ======== */
.ni-drip-login-wrapper .login-messages {
    margin-bottom: 1rem !important;
    border-radius: 8px !important;
    padding: 0.75rem !important;
    font-size: 0.875rem !important;
}

.ni-drip-login-wrapper .login-messages.success {
    background-color: rgba(34, 197, 94, 0.1) !important;
    border: 1px solid rgba(34, 197, 94, 0.2) !important;
    color: #22c55e !important;
}

.ni-drip-login-wrapper .login-messages.error {
    background-color: rgba(239, 68, 68, 0.1) !important;
    border: 1px solid rgba(239, 68, 68, 0.2) !important;
    color: #ef4444 !important;
}

.ni-drip-login-wrapper .message-content {
    font-weight: 500 !important;
}

/* ======== Already logged in ======== */
.ni-drip-login-wrapper .ni-drip-already-logged-in {
    text-align: center !important;
    padding: 2rem !important;
    background: rgba(0,0,0,0.1) !important;
    border-radius: 12px !important;
    color: #333 !important;
}

.ni-drip-login-wrapper .ni-drip-already-logged-in p {
    margin: 0 !important;
    font-size: 1rem !important;
}

.ni-drip-login-wrapper .ni-drip-already-logged-in a {
    color: var(--green) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.ni-drip-login-wrapper .ni-drip-already-logged-in a:hover {
    text-decoration: underline !important;
    color: var(--green) !important;
}

/* ======== Responsive ======== */
@media (max-width: 480px) {
    .ni-drip-login-wrapper .form-options {
        flex-direction: column !important;
        align-items: stretch !important;
        text-align: center !important;
    }
    
    .ni-drip-login-wrapper .forgot-password {
        margin-top: 0.5rem !important;
    }
    
    .ni-drip-login-wrapper .ni-drip-page {
        padding: 12px !important;
    }
    
    .ni-drip-login-wrapper .card-border {
        min-width: 280px !important;
    }
}

/* ======== Full width integration ======== */
body.ni-drip-full-width {
    margin: 0 !important;
    padding: 0 !important;
}

.ni-drip-full-width .ni-drip-login-wrapper {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
}

/* Override theme styles that might interfere */
.ni-drip-login-wrapper * {
    box-sizing: border-box !important;
}

.ni-drip-login-wrapper .card {
    isolation: isolate !important;
}

/* ======== Additional overrides for common theme conflicts ======== */
.ni-drip-login-wrapper h1,
.ni-drip-login-wrapper h2,
.ni-drip-login-wrapper h3,
.ni-drip-login-wrapper h4,
.ni-drip-login-wrapper h5,
.ni-drip-login-wrapper h6 {
    margin: 0 !important;
    padding: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    line-height: 1.2 !important;
}

.ni-drip-login-wrapper p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

.ni-drip-login-wrapper form {
    margin: 0 !important;
    padding: 0 !important;
}

.ni-drip-login-wrapper input,
.ni-drip-login-wrapper button {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    line-height: normal !important;
}

.ni-drip-login-wrapper a {
    text-decoration: none !important;
}

.ni-drip-login-wrapper a:visited {
    color: inherit !important;
}

/* Hide page titles and content margins for login/signup pages */
body.page .entry-header,
body.page .page-header,
body.single .entry-header,
body.single .page-header {
    display: none !important;
}

/* Remove container/content area padding and margin */
body.page #main,
body.page .site-main,
body.page .content,
body.single #main,
body.single .site-main,
body.single .content,
body #content {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove post/page wrapper margins */
body.page .post,
body.page article,
body.single .post,
body.single article {
    margin: 0 !important;
    padding: 0 !important;
}

/* Prevent theme from adding top spacing */
.site-content,
.entry-content,
.the-content {
    margin: 0 !important;
    padding: 0 !important;
}

/* Prevent theme button styles from interfering */
.ni-drip-login-wrapper button.btn-primary {
    background: linear-gradient(90deg, var(--kacho-red), var(--kacho-accent)) !important;
    color: #fff !important;
    border: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-style: normal !important;
}

/* Prevent theme input styles from interfering */
.ni-drip-login-wrapper input.input {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: inset 0 0 8px rgba(255,255,255,.08), 0 2px 8px rgba(0,0,0,.1) !important;
}

.ni-drip-login-wrapper input.input:focus {
    background: rgba(255,255,255,.18) !important;
    box-shadow: inset 0 0 12px rgba(255,255,255,.15), 0 0 0 3px rgba(106,253,46,.25) !important;
    border: none !important;
}

/* ======== SIGNUP PAGE STYLES - REMOVED (Now uses login page styles) ======== */
/* Signup page now uses the same centered card layout as login page */
/* All styling is inherited from .ni-drip-login-wrapper and related classes */

/* ======== My Account Page Styles ======== */
/* =====================================
   KachoTech – My Account (Minimal Pro)
   Sidebar + Content like SaaS dashboard
   ===================================== */


/* ==========================================
   KachoTech – Woo My Account (Custom CSS)
   No theme-color dependency
   ========================================== */

body.woocommerce-account{
  background: #f5f7fb; /* page base */
}

body.woocommerce-account .entry-content{
  margin-top: 10px;
}

/* Main wrapper */
body.woocommerce-account .woocommerce{
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 14px;
}

/* Layout: left nav + right content */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(2, 6, 23, 0.06);
  margin-top: 20px;
}

@media (min-width: 992px){
  body.woocommerce-account .woocommerce-MyAccount-navigation{
    width: 270px;
    float: left;
    margin-right: 22px;
  }
  body.woocommerce-account .woocommerce-MyAccount-content{
    width: calc(100% - 292px);
    float: left;
  }
}
/* Sidebar (nav) */
body.woocommerce-account .woocommerce-MyAccount-navigation{
  padding: 12px;
}


body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin: 0 0 8px 0;
}

/* Nav links */
body.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  padding: 11px 12px;
  border-radius: 12px;
  text-decoration: none;

  color: #0f172a;
  font-size: 14px;
  font-weight: 650;

  border: 1px solid rgba(15, 23, 42, 0.06);
  background: #ffffff;

  transition: all 160ms ease;
}

/* Hover */
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  background: rgba(255, 36, 70, 0.06);
  border-color: rgba(255, 36, 70, 0.18);
  transform: translateY(-1px);
}

/* Active item */
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background: #ff2446;
  border-color: #ff2446;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(255, 36, 70, 0.22);
}

/* Log out link slightly different */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a{
  border-color: rgba(239, 68, 68, 0.18);
  
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  background: rgba(239, 68, 68, 0.06);
  border-color: rgba(239, 68, 68, 0.25);
}
@media (max-width:680px) {
    body.woocommerce-account .woocommerce-MyAccount-navigation{
        margin-top:50px;
    }
}
body .woocommerce-MyAccount-navigation-link{
    border-radius: 12px;
}
/* Right content */
body.woocommerce-account .woocommerce-MyAccount-content{
  padding: 18px 18px 20px;
}

/* Notices */
body.woocommerce-account .woocommerce-notices-wrapper{
  margin: 0 0 12px 0;
}

/* Dashboard typography */
body.woocommerce-account .kt-myacc-dashboard .kt-myacc-hello{
  margin: 0 0 8px 0;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #0f172a;
}

body.woocommerce-account .kt-myacc-dashboard .kt-myacc-hello strong{
  font-weight: 900;
}

/* logout link */
body.woocommerce-account .kt-myacc-dashboard .kt-myacc-logout{
  color: #ff2446;
  text-decoration: none;
  font-weight: 750;
  border-bottom: 1px dashed rgba(255, 36, 70, 0.45);
}
body.woocommerce-account .kt-myacc-dashboard .kt-myacc-logout:hover{
  border-bottom-color: rgba(255, 36, 70, 0.80);
}

/* dashboard text */
body.woocommerce-account .kt-myacc-dashboard .kt-myacc-desc{
  margin: 0;
  max-width: 780px;
  font-size: 14px;
  line-height: 1.7;
  color: #475569;
}

/* Buttons inside account pages (View order, Save changes, etc.) */
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button{
  background: #ff2446 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .10em !important;
  box-shadow: 0 12px 22px rgba(255, 36, 70, 0.18) !important;
}
body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce input.button:hover{
  background: #ff3b5b !important;
}

/* Tables (Orders, Downloads) */
body.woocommerce-account table.shop_table{
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(2, 6, 23, 0.05);
}
body.woocommerce-account table.shop_table th{
  background: #f8fafc !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}
body.woocommerce-account table.shop_table td,
body.woocommerce-account table.shop_table th{
  padding: 12px !important;
}

/* Inputs (Account details, Address forms) */
body.woocommerce-account .woocommerce .input-text,
body.woocommerce-account .woocommerce input[type="email"],
body.woocommerce-account .woocommerce input[type="password"],
body.woocommerce-account .woocommerce input[type="text"],
body.woocommerce-account .woocommerce textarea{
  border-radius: 12px !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  padding: 11px 12px !important;
  background: #ffffff !important;
  color: #0f172a !important;
}
body.woocommerce-account .woocommerce .input-text:focus,
body.woocommerce-account .woocommerce input:focus,
body.woocommerce-account .woocommerce textarea:focus{
  outline: none !important;
  border-color: rgba(255, 36, 70, 0.50) !important;
  box-shadow: 0 0 0 4px rgba(255, 36, 70, 0.14) !important;
}

/* Clear floats */
body.woocommerce-account .woocommerce::after{
  content:"";
  display:block;
  clear:both;
}