/*
 Theme Name:   Iconic One Child
 Theme URI:    http://themonic.com/iconic-one-child/
 Description:  Iconic One Child Theme
 Author:       Marius Vasilescu
 Author URI:   http://revoblog.ro
 Template:     iconic-one
 Version:      1.3.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  iconic-one-child
*/

.themonic-nav li {
	font-size: 11px;
	line-height: 1.42857143;
	width:auto;
	transition: .3s ease 0s;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
	float: left;
	padding: 5px;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}

/* Containerul verde */
.wa-share-panel{
  margin-top: 24px;
  border: 1px solid #25D366;
  background: #eafaf1;             /* verde foarte deschis */
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 2px 10px rgba(37,211,102,.12);
}

/* Face întregul chenar clickabil */
.wa-panel-link{
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #0b2916;                   /* text + icon (via currentColor) */
}

/* Iconul WhatsApp (SVG inline) */
.wa-panel-link .wa-icon{
  width: 22px;
  height: 22px;
  line-height: 0;
  flex: 0 0 22px;
}

/* Textul din chenar */
.wa-panel-text{
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.wa-panel-text strong{
  font-weight: 700;
  font-size: 16px;
}
.wa-panel-text small{
  font-size: 12px;
  opacity: .85;
}

/* Efect de hover/focus */
.wa-share-panel:hover{
  box-shadow: 0 6px 18px rgba(37,211,102,.18);
}
.wa-panel-link:focus-visible{
  outline: 2px solid #25D366;
  outline-offset: 3px;
  border-radius: 10px;
}

/* Dark mode (dacă folosești) */
@media (prefers-color-scheme: dark){
  .wa-share-panel{
    background: #0f1b14;
    border-color: #1ed760;
    box-shadow: 0 2px 10px rgba(30,215,96,.18);
  }
  .wa-panel-link{ color: #d6ffe7; }
}