.cuponeria-account-container  { margin:0 auto;  padding: 20px; background: #fff; border: 1px solid #e4e7ec; border-radius: 9px; font-size:16px; overflow:hidden;}
.cuponeria-login,
.cuponeria-register,
.cuponeria-lost-password, 
.cuponeria-reset-password { max-width:380px;}

.cuponeria-account-container.cuponeria-myaccount { max-width:100%;}
.cuponeria-account-wrapper {display: flex; flex-wrap: nowrap; align-items: flex-start; gap:20px;}
.cuponeria-account-nav {flex: 0 0 220px;}
.cuponeria-account-content {flex: 1 1 auto;}

.cuponeria-account-container h2  { font-size: 24px; font-weight: 700; margin-bottom: 30px; letter-spacing: -1px;}
.cuponeria-account-container label { display:block; margin-bottom:5px; cursor:pointer;}
.cuponeria-account-container input[type="text"],
.cuponeria-account-container input[type="email"],
.cuponeria-account-container input[type="password"],
.cuponeria-account-container input[type="date"],
.cuponeria-account-container select {-webkit-appearance: none; font-size:16px; width: 100%; max-width:340px; padding: 10px 15px; border: 1px solid #e4e7ec; border-radius: 6px; background:#fff; color:#384149; text-align:left;}
.cuponeria-account-container span.input { display:block; font-size:16px; width: 100%; max-width:340px; padding: 9px 15px; border: 1px solid #e4e7ec; border-radius: 6px; background:#f6f6f6}
.cuponeria-account-container input[type="submit"] { background: #0e5542; color: #fff; border: none; padding: 10px 20px; cursor: pointer; border-radius: 6px; font-size: 16px; font-weight:700; transition: background 0.3s ease;}
.cuponeria-account-container input[type="submit"]:hover { background: #0c7257;}
.cuponeria-account-container a { color: #0e5542; text-decoration: none; font-weight:700;}
.cuponeria-account-container a:hover {color: #000}
.cuponeria-account-container .second-cta { background:#f6f6f6; padding:20px; text-align:center; margin:0 -20px -20px;}
.cuponeria-message { background: #f6f6f6; border: 1px solid #e4e7ec; color: #000; padding: 10px; border-radius: 4px; margin-bottom: 15px;}
.reset-password-errors { margin:0 auto 20px; max-width: 500px; padding: 20px; background: #ffdbdb; border: 1px solid #ce5f5f; border-radius: 9px; color:#ce5f5f}
.reset-password-success { margin:0 auto 20px; max-width: 500px; padding: 20px; background: #d3f7d7; border: 1px solid #63aa6b; border-radius: 9px; color:#63aa6b}
.cuponeria-message p,
.reset-password-errors p,
.reset-password-success p { margin:0!important;}
.cuponeria-account-nav ul { list-style: none!important; padding: 0!important; margin:0!important; display: flex; gap:5px; flex-direction: column;}
.cuponeria-account-nav ul li a { display: block; padding: 10px 15px;  font-weight:400}
.cuponeria-account-nav ul li.active a { color: #384149; font-weight:700}



.favorite-shops-logos { margin:30px 0 0; background:#f9f9f9; padding:15px; border-radius:9px;}
.favorite-shops-logos ul { list-style:none!important; margin:0!important; padding:0!important; display:flex; gap:15px; flex-wrap: wrap;}
.favorite-shops-logos li { width:85px; text-align:center; }
.favorite-shops-logos img { display:block; width:100%; height:auto; border:1px solid #e4e7ec; border-radius:6px; padding:5px; margin-bottom:5px; background:#fff;}
.favorite-shops-logos a { font-size:14px; font-weight:400; color:#384149;}
.favorite-shops-logos a:hover img { border-color:#ccc}
.no-favs { background:#f9f9f9; padding:45px 15px; text-align: center; border-radius: 9px; margin:30px 0 0;}


.cuponeria-categories-list { list-style: none!important; padding: 0!important; margin:0!important;  display: flex; flex-wrap: wrap; gap: 15px; }
.cuponeria-categories-list .category-tile {cursor:pointer;  width:90px; text-align: center; transition: border-color 0.3s ease, background-color 0.3s ease; font-size:12px; color:#707070;}
.cuponeria-categories-list .category-tile img { width:100%; height:auto; border-radius:50%; background:#f6f6f6; padding:5px;}
.cuponeria-categories-list .category-tile.selected img { background-color: #d9f7ed; border:1px solid #6dcfb0}



.delete_account_action {text-align:right; margin-top:-35px;}
.delete_account_action input[type="submit"] { background:none; color: #666; font-weight:400; font-size:14px;  }
.delete_account_action input[type="submit"]:hover { background:#e95b5b; color:#fff}

.ts-control { border:none; border-radius: 9px; box-shadow: none!important;  background:#f6f6f6; color:#3a4148}
.ts-control * { box-shadow:none!important; color:#3a4148}
.dropdown-active .ts-control { border:none; border-radius: 9px; box-shadow: none;  background:#f6f6f6; }
.ts-control>input { font-size:16px; padding: 9px 5px !important;}
.ts-wrapper.multi .ts-control>div {padding: 8px 15px;}
.ts-wrapper.multi .ts-control [data-value] { background: #d1d6da!important; border-radius: 6px; box-shadow:none; text-shadow:none; font-size:14px; font-weight:400;  border:none; color:#3a4148 }
.ts-wrapper.multi .ts-control [data-value].active {background: #3a4148!important; border:none;}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove { border:none; margin:0;}
.ts-dropdown { background: #f6f6f6; border:none; border-radius:9px; box-shadow:none; margin-top:5px;}
.ts-dropdown .option { font-size: 16px; padding:10px;}
.ts-dropdown .active { background:none; color: #000;}

@media (max-width: 768px) {
	.cuponeria-account-wrapper {flex-direction: column;}
	.cuponeria-account-content {flex:auto; width:100%}
	.cuponeria-account-nav { flex: auto; width:100%; overflow-x:auto; border-bottom:1px solid #e4e7ec; }
	.cuponeria-account-nav ul {  flex-direction: row; flex-wrap:nowrap; text-wrap:nowrap; gap:0;}
	.cuponeria-account-nav ul li a {padding: 15px 10px;}
	.cuponeria-account-nav ul li.active a { border-bottom:3px solid #384149; }
}
