/*
Theme Name: Detectiv
Theme URI: https://dow-media.ro
Author: DOW MEDIA
Author URI: https://dow-media.ro
Description: O temă WordPress minimalistă, rapidă, responsivă, cu layout 3 coloane: articole recente (stânga), conținut (mijloc), pagini (dreapta). 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: detectiv
*/
:root{
  --maxw:1200px;
  --gap:20px;
  --fg:#000;
  --bg:#fff;
  --muted:#555;
  --link:#000;
}

*{box-sizing:border-box}
html{font-size:16px}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--fg);
  background:var(--bg);
  line-height:1.7;
}

a{color:var(--link); text-decoration:underline}
a:hover{text-decoration:none}


.site-wrap{max-width:var(--maxw); margin:0 auto; padding:0 16px}

header.site-header{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:18px 0;
  border-bottom:1px solid #eaeaea;
}

.site-title a{
  text-decoration:none;
  color:var(--fg);
}

.site-title{
  font-size: clamp(1.8rem, 2.8vw, 2.8rem);
  font-weight:800;
  letter-spacing:-0.02em;
  line-height:1.1;
  margin:0;
}

.site-tagline{margin:4px 0 0; color:var(--muted); font-size:0.95rem}

.header-right{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
}

.call-actions a{
  display:inline-flex; align-items:center; gap:8px; padding:8px 12px;
  border:1px solid #ddd; border-radius:12px; text-decoration:none;
}

.call-actions a:hover{background:#f6f6f6}

.icon{display:inline-block; width:18px; height:18px;}

.banner-area{
  display:block;
  min-height:90px;
  border:1px dashed #ccc;
  margin:14px 0 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0.95rem;
  color:#666;
}

.main-grid{
  display:grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap:var(--gap);
  align-items:start;
  margin-bottom:28px;
}

.sidebar{position:sticky; top:12px}
.sidebar h2{font-size:1.05rem; margin:0 0 10px}
.sidebar ul{list-style:none; padding:0; margin:0}
.sidebar li{margin:0 0 10px}
.sidebar a{text-decoration:none}
.sidebar a:hover{text-decoration:underline}

.content-area .post{
  margin:0 0 28px;
  padding-bottom:18px;
  border-bottom:1px solid #eee;
}
.content-area .post h2{margin:0 0 6px; font-size:1.5rem}
.post-meta{color:#777; font-size:0.9rem; margin-bottom:8px}

footer.site-footer{
  border-top:1px solid #eaeaea;
  padding:18px 0 36px;
  margin-top:24px;
  color:#222;
  font-size:0.95rem;
}
.footer-inner{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}

@media (max-width: 992px){
  .main-grid{grid-template-columns: 1fr}
  .sidebar{position:static}
  header.site-header{flex-direction:column; align-items:flex-start}
  .header-right{align-self:stretch; justify-content:space-between}
}


.entry img{max-width:100%;height:auto;display:block;margin:10px 0}
.post-thumb img{width:100%;height:auto;display:block;border-radius:8px}


.call-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    min-width: 150px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    color: #fff !important;
    border: none;
}


.call-actions a[href^="tel:"] {
    background: #d40000;
}


.call-actions a[href*="wa.me"] {
    background: #25D366;
}


.call-actions .icon svg {
    fill: currentColor;
    color: #fff;
}


.call-actions a[href^="tel:"]:hover {
    background: #b30000;
}
.call-actions a[href*="wa.me"]:hover {
    background: #1fb85a;
}

.call-actions a {
    width: 180px;
	margin:5px;
}


.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    overflow: hidden;
}


.sidebar ul li {
    border-bottom: 1px solid #dcdcdc;
}


.sidebar ul li:last-child {
    border-bottom: none;
}


.sidebar ul li a {
    display: block;
    padding: 10px 14px;
    font-weight: 700;
    color: #293B8D;
    text-decoration: none;
    font-size: 0.95rem;
}


.sidebar ul li a:hover {
    background: #f2f4ff;
    color: #1e2d6b;
}


.site-title a {
    color: #293B8D !important;
    font-weight: 900; 
    letter-spacing: -0.5px;
    text-decoration: none;
    font-size: 35px;
    text-transform: uppercase;

 
    text-shadow: 
        1px 1px 0 #ffffff,
        2px 2px 3px rgba(0,0,0,0.18);
}

.site-tagline {
    color: #445;
    font-weight: 500;
    letter-spacing: 0.2px;
}