/*
Theme Name: Holis Theme
Theme URI: https://holis.ro
Author: Dan Mihăescu
Author URI: https://holis.ro
Description: O temă versatilă dar simplă care perite crearea unei comunități.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body { text-align: center; background-color: var(--bg-color); }
#wrap { background-color: var(--bg-color); max-width: 1500px; margin: 0 auto; text-align: left; }

a.button,
button { background: teal; color: white; padding: 8px 10px; border: 0; border-radius: 3px;
  box-shadow: 2px 2px 4pxf rgba(4, 59, 92,0.5); }

#cta1 { background: white; color: #333; }

#social-links img { width: 32p; height: 32px; margin-right: 10px; }

/* MAIN ARE 2 VARIANTE: cu secțiuni orizontale și fără */
main {
  padding: 30px 120px; 
}

main.has-sections { padding: 0; }
@media (max-width: 768px) {
	main.has-sections { padding: 20px; }
}

#content { flex: 1; }
article, aside { background-color: var(--article-color); padding: 30px; }
article { margin-bottom: 20px; }
aside { width: 30%; min-width: 300px; }

aside ul {list-style: none; padding-left: 0; }
.wp-block-tag-cloud a {
  font-size: 14px !important;
}

footer {
    padding: 30px 5% 60px 5%;
    background: #f5f5f5;
}

#links { list-style-type: square; }

#copyright { width: 100%; display: flex; justify-content: space-between; align-items: center; background: rgba(0,0,0,0.1); position: absolute; bottom: 0; left: 0; padding: 10px 5%; }

section, .titlediv {
  padding: 50px 12%;
  background: #F9F6F2;
}
.titlediv { padding: 50px 12% 20px 12%; } // Padding-ul tre sa fie egal cu margin-bottom de la h1

section:nth-of-type(odd) {
    background: #F9F6F2;
}

section:nth-of-type(even), footer {
    background: #C3D6C4;
}

section:nth-of-type(even) p,
section:nth-of-type(even) ul,
section:nth-of-type(even) h2,
section:nth-of-type(even) h3 {
	color: #333; 
}

footer, footer h2, footer h3 { color: white; }
footer a { color: #EDD3ED; }

.text-image-section {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  justify-content: space-between;
}

.text, .text-image-section .text {
  flex: 1;
}

.image, .text-image-section .image {
  flex: 1;
  max-width: 500px;
}

.text-image-section .image img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  .text-image-section {
    flex-direction: column;
  }
}

section.flex { min-height: 400px; align-items: stretch; }
section.flex > div { }
section > .two:has(img) { height: 100%; }
section img {
    max-height: 100%; object-fit: cover;
  }
  .clear {
   content: "";
   display: block;
   clear: both;
  }

.widget {
  margin-bottom: 20px;
}

aside ul li { margin-bottom: 15px; }

/* Search widget container */
.widget_search form > div {
  display: flex;
  background-color: var(--bg-color);
  border-radius: 4px;
  overflow: hidden; /* ensures border-radius applies to children */
  max-width: 100%;
}

/* Input field styles */
.widget_search input[type="text"] {
  flex: 1;
  border: none;
  padding: 0.75rem 1rem;
  background: transparent;
  color: white;
  font-size: 1rem;
  outline: none;
  min-width: 0; /* prevent overflow in flex */
}

/* Submit button styles */
.widget_search input[type="submit"] {
  width: 2.75rem;
  height: 2.75rem;
  border: none;
  cursor: pointer;
  text-indent: -9999px; /* hide default "Search" text */
  overflow: hidden;
  flex-shrink: 0;
  border-left: 1px solid rgba(255,255,255,0.2); /* subtle divider */
  background-color: #333;
  background: #333 url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJ3aGl0ZSIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIxIDIwbC01LjYtNS42YTcgNyAwIDEwLTEuNCAxLjRMMjAgMjF6TTEwIDE2YTYgNiAwIDExMC0xMiA2IDYgMCAwMTAgMTJ6Ii8+PC9zdmc+') center no-repeat;
  background-size: 1.2rem;
  text-indent: -9999px;
}

/* Hide label for screen readers only */
.widget_search .screen-reader-text {
  position: absolute;
  left: -9999px;
}

@media (max-width: 900px) {
	main { flex-direction: column; }
	aside { width: 100%; }
}