/*
Theme Name: Secundo IT
Template: twentytwentyfive
Description: Individuelles Child-Theme fuer Secundo IT (IT-Systemhaus, Hahnbach) auf Basis von Twenty Twenty-Five.
Author: Secundo IT
Version: 1.0.0
*/

:root {
  --secundo-petrol: #0F3D3E;
  --secundo-petrol-deep: #0A2B2C;
  --secundo-amber: #D98E4A;
  --secundo-amber-light: #E2A567;
  --secundo-cream: #F7F4EE;
  --secundo-text: #1C1C1C;
}

body { background-color: var(--secundo-cream); color: var(--secundo-text); }

h1, h2, h3, h4, h5, h6, .wp-block-site-title {
  font-family: "Poppins", sans-serif;
  color: var(--secundo-petrol);
  letter-spacing: -0.01em;
  word-break: keep-all;
  overflow-wrap: break-word;
  hyphens: none;
}
p, li, a, body { font-family: "Inter", sans-serif; }

a { color: var(--secundo-petrol); }
a:hover { color: var(--secundo-amber); }

/* Remove empty gap above custom hero (WP block-gap spacing applies to hidden post-title's sibling) */
.wp-block-post-title { display: none; margin: 0 !important; padding: 0 !important; height: 0 !important; }
.entry-content.wp-block-post-content { margin-top: 0 !important; padding-top: 0 !important; }
main.wp-block-group { padding-top: 0 !important; }
main.wp-block-group > div.has-global-padding { padding-top: 0 !important; }
.wp-block-post-title + * { margin-top: 0 !important; padding-top: 0 !important; }

/* Equal-width columns fix for hand-authored block markup */
.wp-block-columns { display: flex !important; flex-wrap: wrap !important; gap: 2rem !important; }
.wp-block-columns > .wp-block-column { flex: 1 1 0 !important; min-width: 240px !important; }
@media (max-width: 781px) {
  .wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
}

/* Buttons */
.wp-block-button__link, .wp-element-button {
  background-color: var(--secundo-amber) !important;
  color: #1C1C1C !important;
  border-radius: 6px !important;
  padding: 0.9em 1.6em !important;
  font-weight: 600;
  box-shadow: 0 4px 16px rgba(15,61,62,0.08);
  transition: background-color .2s ease;
}
.wp-block-button__link:hover, .wp-element-button:hover { background-color: var(--secundo-amber-light) !important; }
.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  border: 2px solid var(--secundo-petrol) !important;
  color: var(--secundo-petrol) !important;
}

/* Section rhythm */
.secundo-section-petrol { background-color: var(--secundo-petrol) !important; color: #F7F4EE !important; position: relative; overflow: hidden; }
.secundo-section-petrol h1, .secundo-section-petrol h2, .secundo-section-petrol h3 { color: #F7F4EE !important; }

/* Hexgrid pattern (inline SVG data-URI, baked into the theme) */
.secundo-hexbg { position: relative; }
.secundo-hexbg::before {
  content: ""; position: absolute; inset: 0;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MzIiIGhlaWdodD0iMjQ5LjQiIHZpZXdCb3g9IjAgMCA0MzIgMjQ5LjQiPgogIDwhLS0gU0VDVU5ETyBJVCDigJQgU2VrdW5kYWVyZXMgTWFya2VubXVzdGVyOiBIZXhhZ29uLUdyaWQgKHp1ciBWZXJ3ZW5kdW5nIGFscyBkZXplbnRlIFNlY3Rpb24tVGV4dHVyLCA0eDQgS2FjaGVsbikgLS0+CiAgPGRlZnM+CiAgICA8cGF0dGVybiBpZD0ic2VjdW5kb0hleFBhdHRlcm4iIHdpZHRoPSIxMDgiIGhlaWdodD0iNjIuMzUiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8cG9seWdvbiBwb2ludHM9IjkwLDMxLjE4IDcyLDYyLjM1IDM2LDYyLjM1IDE4LDMxLjE4IDM2LDAgNzIsMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEYzRDNFIiBzdHJva2Utd2lkdGg9IjEuMiIvPgogICAgICA8cG9seWdvbiBwb2ludHM9IjM2LDAgMTgsMzEuMTggLTE4LDMxLjE4IC0zNiwwIC0xOCwtMzEuMTggMTgsLTMxLjE4IiBmaWxsPSJub25lIiBzdHJva2U9IiMwRjNEM0UiIHN0cm9rZS13aWR0aD0iMS4yIi8+CiAgICAgIDxwb2x5Z29uIHBvaW50cz0iMTQ0LDAgMTI2LDMxLjE4IDkwLDMxLjE4IDcyLDAgOTAsLTMxLjE4IDEyNiwtMzEuMTgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzBGM0QzRSIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIzNiw2Mi4zNSAxOCw5My41MyAtMTgsOTMuNTMgLTM2LDYyLjM1IC0xOCwzMS4xNyAxOCwzMS4xNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEYzRDNFIiBzdHJva2Utd2lkdGg9IjEuMiIvPgogICAgICA8cG9seWdvbiBwb2ludHM9IjE0NCw2Mi4zNSAxMjYsOTMuNTMgOTAsOTMuNTMgNzIsNjIuMzUgOTAsMzEuMTcgMTI2LDMxLjE3IiBmaWxsPSJub25lIiBzdHJva2U9IiMwRjNEM0UiIHN0cm9rZS13aWR0aD0iMS4yIi8+CiAgICA8L3BhdHRlcm4+CiAgPC9kZWZzPgogIDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjc2VjdW5kb0hleFBhdHRlcm4pIiBvcGFjaXR5PSIwLjA4Ii8+Cjwvc3ZnPgo=');
  background-repeat: repeat; background-size: 180px; opacity: 0.07; pointer-events: none; z-index: 0;
}
.secundo-hexbg-light { position: relative; }
.secundo-hexbg-light::before {
  content: ""; position: absolute; inset: 0;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MzIiIGhlaWdodD0iMjQ5LjQiIHZpZXdCb3g9IjAgMCA0MzIgMjQ5LjQiPgogIDwhLS0gU0VDVU5ETyBJVCDigJQgSGV4YWdvbi1HcmlkIFBhdHRlcm4gTElHSFQgKGZ1ZXIgUGV0cm9sL2R1bmtsZW4gSGludGVyZ3J1bmQpIC0tPgogIDxkZWZzPgogICAgPHBhdHRlcm4gaWQ9InNlY3VuZG9IZXhQYXR0ZXJuTGlnaHQiIHdpZHRoPSIxMDgiIGhlaWdodD0iNjIuMzUiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8cG9seWdvbiBwb2ludHM9IjkwLDMxLjE4IDcyLDYyLjM1IDM2LDYyLjM1IDE4LDMxLjE4IDM2LDAgNzIsMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjdGNEVFIiBzdHJva2Utd2lkdGg9IjEuMiIvPgogICAgICA8cG9seWdvbiBwb2ludHM9IjM2LDAgMTgsMzEuMTggLTE4LDMxLjE4IC0zNiwwIC0xOCwtMzEuMTggMTgsLTMxLjE4IiBmaWxsPSJub25lIiBzdHJva2U9IiNGN0Y0RUUiIHN0cm9rZS13aWR0aD0iMS4yIi8+CiAgICAgIDxwb2x5Z29uIHBvaW50cz0iMTQ0LDAgMTI2LDMxLjE4IDkwLDMxLjE4IDcyLDAgOTAsLTMxLjE4IDEyNiwtMzEuMTgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0Y3RjRFRSIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIzNiw2Mi4zNSAxOCw5My41MyAtMTgsOTMuNTMgLTM2LDYyLjM1IC0xOCwzMS4xNyAxOCwzMS4xNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjdGNEVFIiBzdHJva2Utd2lkdGg9IjEuMiIvPgogICAgICA8cG9seWdvbiBwb2ludHM9IjE0NCw2Mi4zNSAxMjYsOTMuNTMgOTAsOTMuNTMgNzIsNjIuMzUgOTAsMzEuMTcgMTI2LDMxLjE3IiBmaWxsPSJub25lIiBzdHJva2U9IiNGN0Y0RUUiIHN0cm9rZS13aWR0aD0iMS4yIi8+CiAgICA8L3BhdHRlcm4+CiAgPC9kZWZzPgogIDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjc2VjdW5kb0hleFBhdHRlcm5MaWdodCkiIG9wYWNpdHk9IjAuMDciLz4KPC9zdmc+Cg==');
  background-repeat: repeat; background-size: 180px; opacity: 0.08; pointer-events: none; z-index: 0;
}
.secundo-hexbg > *, .secundo-hexbg-light > * { position: relative; z-index: 1; }

/* Large decorative hero hexagon visual */
.secundo-hero-visual { position: relative; overflow: hidden; }
.secundo-hero-visual::after {
  content: ""; position: absolute; top: 50%; right: -60px; transform: translateY(-50%);
  width: 420px; height: 420px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDAgMjIwIiB3aWR0aD0iMjQwIiBoZWlnaHQ9IjIyMCI+CiAgPCEtLSBTRUNVTkRPIElUIOKAkyBJY29uIG1hcmsgdjIgTElHSFQ6IGZ1ZXIgZHVua2xlbi9QZXRyb2wtSGludGVyZ3J1bmQgLS0+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImNyZWFtRGVwdGgiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjRkZGRkZGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0U4RTNENiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYW1iZXJEZXB0aDIiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjRThCMDcyIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0Q5OEU0QSIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHBvbHlnb24gcG9pbnRzPSIyMTAsMTE4IDE2OSwxODkgODcsMTg5IDQ2LDExOCA4Nyw0NyAxNjksNDciIGZpbGw9InVybCgjYW1iZXJEZXB0aDIpIi8+CiAgPHBvbHlnb24gcG9pbnRzPSIxODIsOTUgMTQxLDE2NiA1OSwxNjYgMTgsOTUgNTksMjQgMTQxLDI0IiBmaWxsPSJ1cmwoI2NyZWFtRGVwdGgpIi8+CiAgPHBvbHlnb24gcG9pbnRzPSIxNTAsNzYgMTI5LDExMiA4NywxMTIgNjYsNzYgODcsNDAgMTI5LDQwIiBmaWxsPSJub25lIiBzdHJva2U9IiMwRjNEM0UiIHN0cm9rZS13aWR0aD0iMi41IiBvcGFjaXR5PSIwLjUiLz4KPC9zdmc+Cg==');
  background-repeat: no-repeat; background-size: contain; opacity: 0.16; pointer-events: none; z-index: 0;
}
.secundo-hero-visual > * { position: relative; z-index: 1; }

/* Cards */
.secundo-card { background: #fff; border-radius: 10px; box-shadow: 0 4px 16px rgba(15,61,62,0.08); padding: 2rem; height: 100%; }

/* FAQ accordion */
.secundo-faq details { border-bottom: 1px solid rgba(15,61,62,0.15); padding: 1em 0; }
.secundo-faq summary { font-family: "Poppins", sans-serif; font-weight: 600; color: var(--secundo-petrol); cursor: pointer; }
.secundo-section-petrol .secundo-faq summary, .secundo-section-petrol .secundo-faq details {
  color: #F7F4EE; border-bottom-color: rgba(247,244,238,0.25);
}