/*
Theme Name: AWI Synergy
Description: Block theme for "Global Synergy for Animal Welfare and Impact", recreating the Webflow layout (sticky sidebar navigation + rounded content panel).
Version: 1.1.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: awi-synergy
License: GPL-2.0-or-later
*/

/* Sidebar navigation – mirrors Webflow .sidebar-link */
.awi-sidebar { position: sticky; top: 24px; }
.awi-sidebar .wp-block-navigation__container { gap: 4px; }
.awi-sidebar .wp-block-navigation-item__content {
	display: block; padding: 8px 10px; border: 1px solid transparent; border-radius: 6px;
	color: var(--wp--preset--color--neutral-600); text-decoration: none;
	transition: border-color .3s, background-color .3s, color .3s;
}
.awi-sidebar .wp-block-navigation-item__content:hover,
.awi-sidebar .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary); background: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--neutral-400); box-shadow: 0 2px 7px rgba(20, 20, 43, .06);
}
.awi-sidebar .register .wp-block-navigation-item__content {
	margin-top: 8px; text-align: center; color: #fff; border-radius: 76px;
	background: linear-gradient(#3d7fff, #4b5dff); border-color: #3961d9;
}

/* Main content panel – mirrors .dashboard-main-content */
html { scroll-behavior: smooth; }
.awi-panel { background: var(--wp--preset--color--neutral-400); border-radius: 20px; color: #000; }
.awi-panel .wp-block-post-content { font-size: 14px; line-height: 1.571; }
.awi-panel .wp-block-post-content h1 { font-size: 28px; line-height: 1.571; font-weight: 400; color: #000; margin: 0 0 16px; text-align: left; }
.awi-panel .wp-block-post-content h1.awi-title-bold { font-weight: 700; }
.awi-panel .wp-block-post-content h1 strong { font-weight: 700; }
.awi-panel .wp-block-post-content h1.awi-center,
.awi-panel .wp-block-post-content h3.awi-center,
.awi-panel .wp-block-post-content h4.awi-center { text-align: center; }
.awi-panel .wp-block-post-content h2 { font-size: 32px; line-height: 36px; margin-top: 20px; color: #000; font-weight: 400; }
.awi-panel .wp-block-post-content h3 { font-size: 24px; line-height: 30px; margin-top: 20px; color: #000; font-weight: 700; }
.awi-panel .wp-block-post-content h4 { font-size: 18px; line-height: 24px; margin-top: 10px; color: #000; font-weight: 400; }
.awi-panel .wp-block-post-content p,
.awi-panel .wp-block-post-content li { color: #000; }
.awi-panel .wp-block-post-content p { margin-top: 0; margin-bottom: 10px; }
.awi-white { background: #fff; border-radius: 25px; padding: 20px 10px; margin-top: 16px !important; text-align: left; }
.awi-center { text-align: center; }
.awi-panel .wp-block-image { margin: 20px 0; }
.awi-panel .wp-block-image img { border-radius: 20px; max-width: 100%; height: auto; max-height: 70vh; width: auto; }
.awi-panel .awi-center-img { text-align: center; }
.awi-panel .awi-center-img img { display: inline-block; }
@media (max-width: 991px) { .awi-panel .wp-block-image img { max-height: 50vh; } }
@media (max-width: 767px) { .awi-panel .wp-block-image img { max-height: 40vh; } }

.awi-panel .wp-block-post-content a:not(.wp-block-button__link) { color: #000; text-decoration: underline; }
.awi-section p, .awi-section li { font-size: 16px; }
.awi-section .wp-block-heading { font-size: 24px; }

/* Cards (white rounded boxes) */
.awi-card { background: #fff; border: 1px solid var(--wp--preset--color--neutral-400); border-radius: 12px; box-shadow: 0 2px 7px rgba(20, 20, 43, .09); padding: 32px 24px; margin: 20px 0; color: #000; }
.awi-card.awi-speaker, .awi-card.awi-organiser { border-radius: 25px; padding: 10px 20px; margin: 10px 10px 40px; }
.awi-card.awi-organiser { margin-bottom: 10px; box-shadow: none; border: 0; background: #f5f8ff; }
.awi-card-cols { gap: 20px !important; margin: 0 !important; align-items: flex-start; }
.awi-speaker .awi-card-cols { padding-top: 10px; }
.awi-organiser .awi-card-cols { align-items: center; }
.awi-speaker-title { text-align: center; font-size: 18px; line-height: 24px; margin-top: 10px; }
.awi-speaker-title strong { font-weight: 700; }
.awi-speaker-name, .awi-organiser-text, .awi-speaker-text { text-align: left; }
.awi-portrait { margin: 20px 0 !important; }
.awi-panel .awi-portrait img { width: 100%; max-height: none; height: auto; }
.awi-panel .awi-portrait-round img { border-radius: 100%; padding: 10px 0; }
.awi-panel .awi-portrait-square img { border-radius: 20px; }
.awi-organiser-name { font-size: 18px; margin-top: 20px; }
.awi-organiser-name a { color: #000; text-decoration: underline; }
.awi-organiser-name strong { font-weight: 400; }
.awi-reverse .wp-block-column, .awi-reverse p { text-align: right; }

/* Home important-dates grid */
.awi-dates { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 10px 0 16px; }
.awi-date-cell { background: #fff; border: 1px solid #000; border-radius: 13px; padding: 20px; color: #000; font-weight: 700; }
.awi-date-cell a { color: #000; }

/* Guidance for presenters: banner + pill headings */
.awi-banner { background: #94acf2; text-align: center; padding: 8px 10px; margin-bottom: 16px; }
.awi-panel .awi-banner h3 { margin: 0; text-align: center; }
.awi-panel .awi-banner h3.awi-deadline { color: #dc2b2b; font-weight: 400; }
.awi-panel .wp-block-post-content h2.awi-pill { background: #aab1c6; text-align: center; border-radius: 15px; width: 45%; min-width: 220px; display: block; position: relative; right: 40px; font-size: 24px; line-height: 1.4; font-weight: 400; margin: 20px 0 10px; color: #000; }
@media (max-width: 479px) { .awi-panel .wp-block-post-content h2.awi-pill { right: 0; width: 80%; } }

/* About: jump-link bar + sections */
.awi-jump { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; background: var(--wp--preset--color--neutral-200); border-radius: 72px; padding: 6px; margin-bottom: 20px; }
.awi-panel .wp-block-post-content .awi-jump a { text-decoration: none; color: var(--wp--preset--color--neutral-600); text-decoration: none; text-align: center; border: 1px solid transparent; border-radius: 32px; padding: 4px 14px; font-size: 14px; font-weight: 500; transition: box-shadow .3s, background-color .3s, border-color .3s; }
.awi-panel .wp-block-post-content .awi-jump a:hover, .awi-panel .wp-block-post-content .awi-jump a:focus { background: #fff; border-color: var(--wp--preset--color--neutral-300); box-shadow: 0 0 3px rgba(20, 20, 43, .09); color: var(--wp--preset--color--neutral-700); }
.awi-section { scroll-margin-top: 16px; }
.awi-terms ul { list-style: none; padding-left: 0; margin: 0; }
.awi-terms > ul > li { margin-bottom: 14px; }
.awi-terms ul ul { padding-left: 8px; margin-top: 6px; }
.awi-terms li li { margin-bottom: 6px; }
.awi-section .wp-block-button__link { background: linear-gradient(#3d7fff, #4b5dff); border: 1px solid #3961d9; border-radius: 76px; color: #fff; padding: 8px 16px; font-size: 14px; font-weight: 500; text-decoration: none; }
@media (max-width: 479px) { .awi-jump { flex-direction: column; border-radius: 8px; } }

/* Programme tables */
.awi-programme { overflow-x: auto; background: #fff; border-radius: 12px; border: 1px solid var(--wp--preset--color--neutral-400); margin: 20px 0; }
.awi-programme table { font-size: 14px; min-width: 780px; width: 100%; border-collapse: collapse; table-layout: fixed; }
.awi-programme th:nth-child(1), .awi-programme td:nth-child(1) { width: 112px; }
.awi-programme th:nth-child(3), .awi-programme td:nth-child(3) { width: 120px; }
.awi-programme th:nth-child(4), .awi-programme td:nth-child(4) { width: 220px; }
.awi-programme td:nth-child(1) { white-space: nowrap; }
.awi-programme th { text-align: left; background: #062f5c; color: #f1f4ff; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; padding: 12px; }
.awi-programme td, .awi-programme th { border: 0; border-bottom: 1px solid var(--wp--preset--color--neutral-300); padding: 12px; vertical-align: top; }
.awi-programme td { color: #000; font-weight: 400; }
.awi-programme tr.awi-break td { background: #ffd7f3; height: 44px; }
.awi-programme td a { overflow-wrap: anywhere; }

/* Contact Form 7 – mirrors Webflow .input / .textarea / .btn-primary */
.awi-panel .wpcf7 label { display: block; color: #000; font-size: 14px; font-weight: 500; line-height: 1.286; margin-bottom: 10px; }
.awi-panel .wpcf7 .wpcf7-form-control-wrap { display: block; margin-top: 8px; }
.awi-panel .wpcf7 input[type=text], .awi-panel .wpcf7 input[type=email], .awi-panel .wpcf7 textarea {
	display: block; width: 100%; box-sizing: border-box; min-height: 40px; margin-bottom: 10px; padding: 14px;
	border: 1px solid var(--wp--preset--color--neutral-400); background: #fff; box-shadow: 0 0 4px rgba(20, 20, 43, .09);
	color: #000; border-radius: 6px; font-size: 14px; font-weight: 500; line-height: 1.286; font-family: inherit; transition: border-color .3s, color .3s; }
.awi-panel .wpcf7 textarea { height: 150px; resize: vertical; }
.awi-panel .wpcf7 input:hover, .awi-panel .wpcf7 textarea:hover { border-color: var(--wp--preset--color--neutral-600); }
.awi-panel .wpcf7 input:focus, .awi-panel .wpcf7 textarea:focus { border-color: var(--wp--preset--color--primary); outline: 0; }
.awi-panel .wpcf7 ::placeholder { color: var(--wp--preset--color--neutral-600); opacity: 1; }
.awi-panel .wpcf7 input[type=submit] { background: linear-gradient(#3d7fff, #4b5dff); border: 1px solid #3961d9; border-radius: 76px; color: #fff; padding: 8px 16px; font-size: 14px; font-weight: 500; cursor: pointer; box-shadow: 0 1px 4px rgba(20, 20, 43, .15); }
.awi-panel .wpcf7 input[type=submit]:hover { transform: scale(1.02); box-shadow: 0 2px 16px 1px rgba(74, 58, 255, .3); }
.awi-panel .wpcf7 .wpcf7-not-valid-tip, .awi-panel .wpcf7-response-output { font-size: 14px; }

@media (max-width: 781px) {
	.awi-sidebar-col { display: none !important; }
	.awi-reverse .awi-card-cols { flex-direction: column-reverse; }
	.awi-reverse .wp-block-column, .awi-reverse p { text-align: left; }
	.awi-card.awi-speaker, .awi-card.awi-organiser { margin-left: 0; margin-right: 0; padding: 10px; }
	.awi-card { padding: 20px 14px; }
	.awi-portrait { max-width: 260px; margin-left: auto !important; margin-right: auto !important; }
	.awi-dates { grid-template-columns: 1fr; }
}
@media (min-width: 782px) {
	.awi-mobile-header { display: none !important; }
}

/* Mobile menu overlay: breathing room and larger tap targets */
.wp-block-navigation__responsive-container.is-menu-open { padding: 24px 24px 40px; background: var(--wp--preset--color--white, #fff); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { display: block; padding: 12px 4px; font-size: 18px; border-bottom: 1px solid var(--wp--preset--color--neutral-400, #e6e9f1); }
.wp-block-navigation__responsive-container.is-menu-open .register .wp-block-navigation-item__content { margin-top: 16px; text-align: center; color: #fff; border: 0; }