/* ==========================================================================
   DRUPAL 6 FRAMEWORK – HARTI PRODUCTION READY
   SEO + MOBILE + CORE WEB VITALS
   ========================================================================= */

/* =========================
   RESET & TYPOGRAPHY
   ========================= */
* { box-sizing: border-box; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

ol, ul { list-style: none; }

body {
  background: #fff;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 0.6em;
  color: #111;
}

h1 { font-size: 2.5em; }
h2 { font-size: 2em; margin-top: 0.8em; }
h3 { font-size: 1.5em; }

p { margin-bottom: 1em; }

a { color: #006699; text-decoration: none; transition: color 0.2s; }
a:hover, a:focus { color: #004466; text-decoration: underline; }
a:focus { outline: 2px dashed #006699; outline-offset: 2px; }

img { max-width: 100%; height: auto; display: block; }

/* =========================
   LAYOUT DESKTOP
   ========================= */
#wrapper { width: 960px; max-width: 100%; margin: 0 auto; padding: 0 20px; }

/* =========================
   FIX CRITIC CLS: HEADER STABIL
   ========================= */
#header {
  padding: 1em 0;
  border-bottom: 1px solid #eee;
  margin-bottom: 2em;
  
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  min-height: 100px; 
}

/* =========================
   FIX CRITIC: LOGO DIMENSIUNI
   ========================= */
#logo {
  width: 200px;
  height: 60px;
  margin-right: 20px;
  flex-shrink: 0;
  line-height: 0;
}
#logo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

#site-name { 
  font-size: 2.2em; 
  line-height: 1.2; 
  margin: 0; 
  font-weight: 700;
}
#site-name a { color: #111; text-decoration: none; }
#site-name a:hover { color: #006699; }

#main-wrapper { overflow: hidden; }

/* SIDEBARS */
body.sidebar-right #main { float: left; width: 700px; }
body.sidebar-right #sidebar-right { float: right; width: 220px; }

body.sidebar-left #main { float: right; width: 700px; }
body.sidebar-left #sidebar-left { float: left; width: 220px; }

body.two-sidebars #main { float: left; width: 480px; margin: 0 20px; }
body.two-sidebars #sidebar-left { float: left; width: 220px; margin-left: -720px; }
body.two-sidebars #sidebar-right { float: right; width: 220px; }

/* NAVIGATION */
#navigation { background: #f8f9fa; border-bottom: 1px solid #e9ecef; margin-bottom: 2em; }
ul.primary-links { display: flex; flex-wrap: wrap; }
ul.primary-links li a { display: block; padding: 15px 20px; border-right: 1px solid #ddd; white-space: nowrap; }

/* CONTENT */
.node { margin-bottom: 3em; padding-bottom: 2em; border-bottom: 1px solid #eee; }
.breadcrumb { font-size: 0.9em; margin-bottom: 1.5em; color: #666; }
.breadcrumb a { color: #006699; }

/* =========================
   ACCESIBILITATE & CONTRAST
   ========================= */
.node .meta, .node .submitted { color: #444 !important; font-weight: 500; }
#footer { border-top: 1px solid #eee; padding: 2em 0; text-align: center; color: #555; }
.terms a, #footer .terms a {
  color: #000 !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
}

/* =========================
   MOBILE OPTIMIZATION
   ========================= */
@media screen and (max-width: 980px) {
  #wrapper { width: 100% !important; padding: 0 15px !important; }
  
  #main, #sidebar-left, #sidebar-right,
  body.sidebar-left #main, body.sidebar-right #main,
  body.two-sidebars #main, body.two-sidebars #sidebar-left,
  body.two-sidebars #sidebar-right {
    float: none !important; width: 100% !important; margin: 0 0 30px 0 !important; padding: 0 !important; left: auto !important;
  }
  body.two-sidebars #sidebar-left { margin-left: 0 !important; }

  #header { text-align: center; justify-content: center; }
  #logo { float: none !important; margin: 0 auto 10px !important; }
  #site-name { font-size: 1.8em !important; }
  
  ul.primary-links { flex-direction: column; }
  ul.primary-links li a { border-right: none; border-bottom: 1px solid #ddd; text-align: center; }
}

/* =========================
   AD SENSE RESPONSIVE
   ========================= */
.ads-container { margin: 25px 0; text-align: center; clear: both; }
.ads-container ins.adsbygoogle { 
  display: block !important; width: 100%; height: auto !important; max-width: 100%; margin: 0 auto; 
}
@media screen and (max-width: 600px) {
  .ads-container ins.adsbygoogle { max-height: 250px; }
}

/* =========================
   NODE SPECIFIC
   ========================= */
.page-views {
  font-size: 12px;
  color: #777;
  margin: 5px 0 10px;
  font-style: italic;
}

.read-more {
  margin-top: 10px;
}

.read-more a {
  font-weight: bold;
  color: #0066cc;
  text-decoration: none;
}

.read-more a:hover {
  text-decoration: underline;
}

.node img, .node iframe {
  max-width: 100%;
  height: auto;
}

/* =========================
   NODE SPECIFIC CLS-FIX + MOBILE
   ========================= */
.page-views {
  font-size: 12px;
  color: #777;
  margin: 5px 0 10px;
  font-style: italic;
  min-height: 20px; /* rezervă spațiu pentru vizualizări */
}

.read-more {
  margin-top: 10px;
}

.read-more a {
  font-weight: bold;
  color: #0066cc;
  text-decoration: none;
}

.read-more a:hover {
  text-decoration: underline;
}

.node img, .node iframe {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Asigură aspect ratio pentru iframe-uri dinamice (hărți, video) */
.node iframe {
  aspect-ratio: 16/9;
}

/* Titlu responsive */
.node-header h1.title, .node-header h2.node-title {
  font-size: 1.5rem;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .node-header h1.title, .node-header h2.node-title {
    font-size: 1.2rem;
  }
  .page-views {
    font-size: 11px;
  }
  .read-more a {
    font-size: 14px;
  }
}

/* Footer / termeni mobile */
@media (max-width: 480px) {
  .terms {
    font-size: 11px;
  }
}

/* =========================
   NODE META & ADMIN VIEWS
   ========================= */
.page-views {
  font-size: 12px;
  color: #777;
  margin: 5px 0 10px;
  font-style: italic;
  min-height: 20px;
}

.read-more {
  margin-top: 10px;
}

.read-more a {
  font-weight: bold;
  color: #0066cc;
  text-decoration: none;
}

.read-more a:hover {
  text-decoration: underline;
}

.node img, .node iframe {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Asigură aspect ratio pentru iframe-uri dinamice (hărți, video) */
.node iframe {
  aspect-ratio: 16/9;
}

/* Footer meta: autor și date */
.node-meta {
  font-size: 0.9em;
  color: #555;
}

.node-meta .node-author,
.node-meta .node-date,
.node-meta .node-updated {
  display: inline-block;
  margin-right: 10px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .node-header h1.title, .node-header h2.node-title {
    font-size: 1.2rem;
  }
  .page-views {
    font-size: 11px;
  }
  .read-more a {
    font-size: 14px;
  }
  .node-meta {
    font-size: 0.8rem;
  }
}