/*
Theme Name: Productie-Publicitara
Theme URI: https://example.com/productie-publicitara
Author: You
Author URI: https://example.com
Description: Tema WordPress SEO-ready pentru producție publicitară. Include Schema LocalBusiness, Recenzii + Import Google, Panou Admin, și Hero Video sub header.
Version: 1.1.0
License: GPLv2 or later
Text Domain: productie-publicitara
Tags: seo, responsive, business, reviews, schema, localbusiness, video
*/
.header-cta{
  display:flex;
  gap:12px;
	align-items: center;
}

.btn {
  padding: 10px 16px;
  font-size: 14px;
  border-radius: 4px;
  text-decoration: none;
  white-space: nowrap;
}

.btn-primary{
  background:#111;
  color:#fff;
}

.btn-primary:hover{
  background:#000;
  transform:translateY(-2px);
}

.btn-outline{
  border:2px solid #111;
  color:#111;
}

.btn-outline:hover{
  background:#111;
  color:#fff;
}
.main-nav a{
  padding:10px 14px;
  border-radius:12px;
}

.main-nav a:hover{
  background:#f3f3f3;
}
.header-cta{
  display:flex;
  gap:12px;
  align-items:center;
}
.btn-outline {
  border: 2px solid #fe5716;
  color: #fe5716;
  background: transparent;
}

.btn-outline:hover {
  background: #fe5716;
  color: #fff;
}

.btn-solid {
  background: #fe5716;
  color: #fff;
  border: 2px solid #fe5716;
}

.btn-solid:hover {
  opacity: 0.9;
}

/* Primary */
.btn-primary{
  background:#111;
  color:#fff;
  box-shadow:0 8px 26px rgba(0,0,0,.18);
}

.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 36px rgba(0,0,0,.22);
  background:#000;
}

/* Secondary */
.btn-secondary{
  background:transparent;
  color:#111;
  border:2px solid #111;
}

.btn-secondary:hover{
  background:#111;
  color:#fff;
  transform:translateY(-2px);
}
.calc-preview {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin: 30px 0;
}

.calc-preview img {
    width: 320px;          /* imagine medie */
    max-width: 100%;
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    transition: transform 0.3s ease;
}

.calc-preview img:hover {
    transform: scale(1.03);
}

.calc-text {
    max-width: 600px;
}

.calc-text h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
}

.calc-text p {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
}

/* Responsive */
@media (max-width: 768px) {
    .calc-preview {
        flex-direction: column;
    }

    .calc-preview img {
        width: 100%;
    }
}

/* Subtle shine (optional) */
.btn-primary::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.15) 50%,
    transparent 100%
  );
  opacity:0;
  transition:.3s ease;
}

.btn-primary:hover::after{
  opacity:1;
}
.logo img{
  display:block;
}

.logo-text{
  font-weight:900;
  font-size:20px;
  letter-spacing:-0.02em;
}
/* Text + imagine pe aceeași linie (desktop) */
.content-with-image{
  display:flex;
  gap:32px;
  align-items:flex-start;
  margin:24px 0;
}

/* Dimensiune imagine */
.content-image{
  flex:0 0 280px; /* lățime fixă, elegantă */
}

.content-image img{
  width:100%;
  height:auto;
  border-radius:14px;
  display:block;
}

/* Text */
.content-text{
  flex:1;
}
.footer-contact {
  font-size: 22px;
 align-items:flex;
}
.footer-contact a {
  text-decoration: none;
}
.hero img {
  width: 100%;
  height: auto;
  max-height: 500px;   /* ajustezi cât vrei */
  object-fit: contain; /* FOARTE IMPORTANT */
  object-position: center top;
}

/* Mobile – imaginea sus, textul jos */
@media (max-width: 768px){
  .content-with-image{
    flex-direction:column;
  }

  .content-image {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}

*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:#222;background:#fafafa}
a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Header */
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo a{font-weight:700;font-size:20px}
.main-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:20px}

/* Footer */
.site-footer{margin-top:40px;background:#111;color:#eee}
.site-footer .container{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 16px}
.site-footer a{color:#ddd}

/* Content */
main.container{padding:24px 0}
article{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;margin-bottom:16px}
article h1,article h2{margin:0 0 8px}

/* Reviews UI */
.publiart-reviews{max-width:1200px;margin:40px auto;padding:20px;text-align:center}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.review-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;box-shadow:0 2px 6px rgba(0,0,0,0.05)}
.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.review-stars .star{color:#ccc;font-size:16px}
.review-stars .star.filled{color:#f4b400}

/* Sidebar */
.sidebar{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}

/* Hero Video */
.hero-video{position:relative;width:100%;height:80vh;overflow:hidden;background:#000}
.hero-video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.hero-video::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:1}
.hero-overlay{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;padding:0 16px}
.hero-overlay h1{font-size:clamp(28px,6vw,56px);margin:0 0 10px}
.hero-overlay p{font-size:clamp(16px,3.2vw,22px);margin:0}