/**
 * Theme Name:     Meli
 * Author:         UIX Themes
 * Template:       sober
 * Text Domain:	   meli
 * Description:    Sober is a fully responsive Premium WordPress Theme with a pixel perfect design and extensive functionality
 */
.social-icons {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: 20px;
}

.social-icons a {
	color: #292929!important;
	font-size: 30px!important;
	transition: color 0.3s, transform 0.3s;
}

.social-icons a:hover {
	color: #0077ff;
	transform: scale(1.2);
}

.footer-content .sober-container {
    padding-top: 50px!important;
    padding-bottom: 0px!important;
    position: relative;
}

.site-footer.custom {
    background-color: #e6e4e5!important;
}


/////////// test subcategories /////////////

.subcategory-grid-wrapper {
    margin: 1rem 0;
}

.subcategory-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    list-style: none;
    justify-content: center;
}

.subcategory-item {
    /*flex: 0 1 calc(25% - 20px);*/ /* 4 σε σειρά στο desktop */
    /*display: inline-block;*/
	box-sizing: border-box;
    text-align: center;
}

.subcategory-item img {
    max-width: 150px;
    height: 150px;
    border-radius: 100px;
}

.subcategory-name {
    display: block;
    margin-top: 10px;
    font-weight: 500;
    text-decoration: none;
    color: #333;
}

/* Responsive tweaks */
@media (max-width: 1024px) {
    .subcategory-item {
        flex: 0 1 calc(33.333% - 20px);
    }
}

@media (max-width: 768px) {
    .subcategory-item {
        flex: 0 1 calc(50% - 20px);
    }
}

@media (max-width: 480px) {
    .subcategory-item {
        flex: 0 1 calc(50% - 20px);
    }
}


/* Newsletter */

form.newsletter-signup {
  max-width: 400px;
  margin: 2em auto;
  padding: 1.5em;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #f9f9f9;
  box-shadow: 0 0 8px rgba(0,0,0,0.05);
  font-family: sans-serif;
}

form.newsletter-signup input[type="email"] {
  width: 100%;
  padding: 0.7em;
  margin-bottom: 1em;
  border: 1px solid #ccc;
  border-radius: 4px;
}

form.newsletter-signup label {
  display: block;
  margin-bottom: 1em;
  font-size: 0.9em;
  color: #333;
}

form.newsletter-signup button {
  background-color: #0073aa;
  color: white;
  border: none;
  padding: 0.7em 1.2em;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
}

form.newsletter-signup button:hover {
  background-color: #005f8d;
}


/* Κοντέινερ */
.meli-topbar{
  background:#000; color:#fff; font-weight:400;
  font-size:clamp(13px, 1.6vw, 15px); line-height:1.4;
}
.meli-topbar__inner{
  max-width:1200px; margin:0 auto; padding:10px 16px;
}

/* Κύρια διάταξη: οριζόντια σε desktop, κάθετα σε κινητό */
.meli-row{
  display:grid; gap:12px; align-items:center; justify-content:center;
  grid-auto-flow:column; /* οριζόντια */
}
@media (max-width:640px){
  .meli-row{
    grid-auto-flow:column; /* κάθετα */
    text-align:center;
  }
  .topbar {
    /*margin-top: 100px !important;*/
    margin-bottom: 0px !important;
  }
}

/* Μήνυμα */
.meli-message{
  display:inline-flex; align-items:center; gap:.4em; white-space:normal;
}

/* Κωδικός + copy ως ένα «χαπάκι» */
.meli-codegroup{
  display:inline-flex; align-items:center; gap:0;
  border:1px solid #fff; border-radius:10px; overflow:hidden;
}
.meli-coupon{
  background:#fff; color: #dd0606; padding:6px 12px; font-weight:800; letter-spacing:.3px;
}
.meli-copy-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:6px 12px; background:transparent; color:#fff; border:0; cursor:pointer;
}
.meli-copy-btn i{ font-size:16px; line-height:1; }
.meli-copy-btn:hover{ opacity:.9; }

/* Αναβοσβήνει διακριτικά */
@keyframes meli-blink{ 0%,55%{opacity:1} 56%,100%{opacity:0} }
.meli-blink{ animation: meli-blink 1.2s step-start infinite; }

/* A11y helper */
.sr-only{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* Mobile μικρορυθμίσεις */
@media (max-width:360px){
  .meli-coupon{ padding:5px 10px; }
  .meli-copy-btn{ padding:5px 10px; }
  .topbar {
    /*margin-top: 100px !important;*/
    margin-bottom: 0px !important;
}
}
.meli-topbar__inner {
    padding: 3px;
}

.topbar {
    /*margin-top: 100px !important;*/
    margin-bottom: 0px !important;
}

.meli-blink {
    color: #dd0606;
}