/*
Theme Name: OPDERA (Twenty Twenty-Five child)
Template: twentytwentyfive
Description: OPDERA.ORG look on WordPress core Twenty Twenty-Five. Core blocks only, no page builder.
Version: 0.2.1
Text Domain: opdera-tt5
*/

/* Wave edge under the header and hero (pure CSS/SVG, no images) */
.opdera-wave-bottom { position: relative; }
.opdera-wave-bottom::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 60px; pointer-events: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'><path fill='white' d='M0,32 C240,64 480,0 720,24 C960,48 1200,8 1440,28 L1440,60 L0,60 Z'/></svg>") no-repeat bottom / 100% 100%;
}
/* Logo sits in a white pill like the current site */
.opdera-logo-pill { background: #fff; border-radius: 999px; padding: 8px 22px; box-shadow: 0 2px 10px rgba(0,0,0,.15); }
/* Resource cards */
.opdera-card { background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.12); height: 100%; }
.opdera-card h2, .opdera-card h3 { margin-top: 0; }
/* Plastic counter */
.opdera-counter { font-size: clamp(2.2rem, 6vw, 4.5rem); font-weight: 700; color: #004876; letter-spacing: .02em; margin: 0; }
.opdera-gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }
.opdera-gallery-grid .wp-block-image { margin: 0; }
.opdera-gallery-grid img { width: 100%; height: 200px; object-fit: cover; }
.opdera-card { padding: 18px; margin-bottom: 20px; }
.opdera-card img { max-width: 100%; height: auto; }
.wp-site-blocks { overflow-x: clip; }
.wp-block-post-content :where(p,li) { line-height: 1.7; }
.opdera-news-list { display: grid; gap: 1rem; padding: 0; list-style: none; }
.opdera-news-list li { padding: 1.5rem; border: 1px solid #d7eaf3; border-radius: 12px; background: #f2faff; }
.opdera-news-list .wp-block-latest-posts__post-title { color: #006b9a; font-size: 1.35rem; font-weight: 700; text-decoration: none; }
.opdera-news-list .wp-block-latest-posts__post-date { color: #41677a; margin-top: .4rem; }
@media (max-width: 900px) {
  .opdera-logo-pill { padding: 6px 12px; }
  .opdera-logo-pill img { max-width: 150px; }
}