/* ==========================================================================
   NRNA NZ – restyles existing Elementor / Photo Gallery / WPForms content
   so every old page matches the new design without changing its content.
   Loaded only when "Apply new design to existing pages" is on (default).
   ========================================================================== */

/* ---- 1. Point Elementor's global colours & fonts at the new brand ---- */
body.nrna-restyle,
body.nrna-restyle [class*="elementor-kit-"] {
	--e-global-color-primary: var(--nrna-blue) !important;
	--e-global-color-secondary: var(--sky) !important;
	--e-global-color-text: var(--nrna-text) !important;
	--e-global-color-accent: var(--orange) !important;
	--e-global-typography-primary-font-family: "Fraunces", Georgia, serif !important;
	--e-global-typography-secondary-font-family: "Fraunces", Georgia, serif !important;
	--e-global-typography-text-font-family: "Mukta", system-ui, sans-serif !important;
	--e-global-typography-accent-font-family: "Mukta", system-ui, sans-serif !important;
}

/* Fonts everywhere inside builder content */
body.nrna-restyle .site-main,
body.nrna-restyle .site-main p,
body.nrna-restyle .site-main li,
body.nrna-restyle .site-main td,
body.nrna-restyle .site-main .elementor-text-editor,
body.nrna-restyle .site-main .elementor-widget-text-editor {
	font-family: var(--font-body) !important;
}
body.nrna-restyle .site-main .elementor-widget-text-editor {
	font-size: 1.08rem;
	line-height: 1.7;
	color: var(--nrna-text);
}

/* Headings */
body.nrna-restyle .site-main .elementor-heading-title,
body.nrna-restyle .site-main h1,
body.nrna-restyle .site-main h2,
body.nrna-restyle .site-main h3,
body.nrna-restyle .site-main h4,
body.nrna-restyle .site-main h5,
body.nrna-restyle .site-main h6,
body.nrna-restyle .site-main .elementor-image-box-title,
body.nrna-restyle .site-main .elementor-icon-box-title {
	font-family: var(--font-head) !important;
	letter-spacing: -.01em;
	line-height: 1.25;
}
body.nrna-restyle .site-main .elementor-widget-heading h2.elementor-heading-title,
body.nrna-restyle .site-main .elementor-widget-heading h1.elementor-heading-title {
	font-size: clamp(1.6rem, 2.8vw, 2.25rem);
}

/* Links inside text */
body.nrna-restyle .site-main .elementor-widget-text-editor a,
body.nrna-restyle .site-main .elementor-widget-icon-list a:hover {
	color: var(--sky-deep);
}

/* ---- 2. Sections: consistent spacing & width ---- */
body.nrna-restyle .site-main .elementor > .elementor-section,
body.nrna-restyle .site-main .elementor > .e-con.e-parent {
	padding-top: 56px;
	padding-bottom: 56px;
}
body.nrna-restyle .site-main .elementor > .elementor-section:nth-child(even):not([style*="background"]):not([data-settings*="background"]),
body.nrna-restyle .site-main .elementor > .e-con.e-parent:nth-child(even):not([data-settings*="background"]) {
	background-color: var(--nrna-cream);
}
body.nrna-restyle .site-main .e-con.e-parent > .e-con-inner,
body.nrna-restyle .site-main .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: var(--container) !important;
}

/* ---- 3. Images ---- */
body.nrna-restyle .site-main .elementor-widget-image img,
body.nrna-restyle .site-main .elementor-image-box-img img,
body.nrna-restyle .site-main .elementor-widget-text-editor img {
	border-radius: 12px;
}

/* ---- 4. People / team cards ----
   Any inner column or child container that holds a photo + a heading
   (e.g. Executive Committee, Advisors, Past Committees) becomes a card. */
body.nrna-restyle .site-main .elementor-inner-section .elementor-column > .elementor-widget-wrap:has(.elementor-widget-image):has(.elementor-widget-heading),
body.nrna-restyle .site-main .elementor-section .elementor-column > .elementor-widget-wrap:has(> .elementor-widget-image):has(> .elementor-widget-heading):has(> .elementor-widget-text-editor),
body.nrna-restyle .site-main .e-con.e-child:has(> .elementor-widget-image):has(> .elementor-widget-heading),
body.nrna-restyle .site-main .elementor-widget-image-box .elementor-image-box-wrapper,
body.nrna-restyle .site-main .eael-team-item,
body.nrna-restyle .site-main .ha-member,
body.nrna-restyle .site-main .premium-person-container,
body.nrna-restyle .site-main .elementor-widget-ucaddon_team_member_box > .elementor-widget-container {
	background: #fff;
	border: 1px solid var(--nrna-line);
	border-radius: var(--radius);
	padding: 22px !important;
	box-shadow: 0 6px 20px -16px rgba(15, 30, 65, .35);
	transition: transform .2s, box-shadow .2s;
	height: 100%;
}
body.nrna-restyle .site-main .elementor-column > .elementor-widget-wrap:has(> .elementor-widget-image):has(> .elementor-widget-heading):hover,
body.nrna-restyle .site-main .e-con.e-child:has(> .elementor-widget-image):has(> .elementor-widget-heading):hover,
body.nrna-restyle .site-main .elementor-widget-image-box .elementor-image-box-wrapper:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow);
}
/* role / position line (small headings or h4–h6 under a name) */
body.nrna-restyle .site-main .e-con.e-child:has(> .elementor-widget-image) h4.elementor-heading-title,
body.nrna-restyle .site-main .e-con.e-child:has(> .elementor-widget-image) h5.elementor-heading-title,
body.nrna-restyle .site-main .e-con.e-child:has(> .elementor-widget-image) h6.elementor-heading-title,
body.nrna-restyle .site-main .elementor-widget-wrap:has(> .elementor-widget-image) h4.elementor-heading-title,
body.nrna-restyle .site-main .elementor-widget-wrap:has(> .elementor-widget-image) h5.elementor-heading-title,
body.nrna-restyle .site-main .elementor-widget-wrap:has(> .elementor-widget-image) h6.elementor-heading-title {
	font-family: var(--font-body) !important;
	color: var(--orange-deep) !important;
	font-weight: 700;
	font-size: .85rem !important;
	text-transform: uppercase;
	letter-spacing: .08em;
}

/* ---- 5. Buttons ---- */
body.nrna-restyle .site-main .elementor-button,
body.nrna-restyle .site-main .eael-load-more-button,
body.nrna-restyle .site-main .elementor-button-wrapper a {
	background: var(--sun-grad) !important;
	color: var(--navy-deep) !important;
	border: 0 !important;
	border-radius: 999px !important;
	font-family: var(--font-body) !important;
	font-weight: 600 !important;
	padding: 13px 26px !important;
	text-decoration: none !important;
	transition: background .2s, transform .15s;
}
body.nrna-restyle .site-main .elementor-button:hover,
body.nrna-restyle .site-main .eael-load-more-button:hover {
	background: var(--navy) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

/* ---- 6. Icon lists, icons, social icons, dividers ---- */
body.nrna-restyle .site-main .elementor-icon-list-icon i,
body.nrna-restyle .site-main .elementor-icon-list-icon svg {
	color: var(--sky) !important;
	fill: var(--sky) !important;
}
body.nrna-restyle .site-main .elementor-icon-list-text { font-family: var(--font-body); }
body.nrna-restyle .site-main .elementor-view-stacked .elementor-icon { background-color: var(--navy) !important; }
body.nrna-restyle .site-main .elementor-view-default .elementor-icon,
body.nrna-restyle .site-main .elementor-view-framed .elementor-icon { color: var(--navy) !important; border-color: var(--sky) !important; }
body.nrna-restyle .site-main .elementor-view-default .elementor-icon svg { fill: var(--navy) !important; }
body.nrna-restyle .site-main .elementor-social-icon { background-color: var(--navy) !important; border-radius: 50%; }
body.nrna-restyle .site-main .elementor-social-icon:hover { background-color: var(--sky) !important; }
body.nrna-restyle .site-main .elementor-divider-separator { border-color: var(--nrna-line) !important; }

/* ---- 7. Posts grids (Activities lists built in Elementor or addons) ---- */
body.nrna-restyle .site-main .elementor-post,
body.nrna-restyle .site-main .eael-grid-post-holder,
body.nrna-restyle .site-main .ha-pg-item {
	background: #fff;
	border: 1px solid var(--nrna-line) !important;
	border-radius: var(--radius) !important;
	overflow: hidden;
	box-shadow: none;
	transition: transform .2s, box-shadow .2s;
}
body.nrna-restyle .site-main .elementor-post:hover,
body.nrna-restyle .site-main .eael-grid-post-holder:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow);
}
body.nrna-restyle .site-main .elementor-post__text,
body.nrna-restyle .site-main .eael-entry-wrapper { padding: 18px 20px 22px !important; }
body.nrna-restyle .site-main .elementor-post__title,
body.nrna-restyle .site-main .eael-entry-title,
body.nrna-restyle .site-main .elementor-post__title a {
	font-family: var(--font-head) !important;
	color: var(--nrna-ink) !important;
	font-size: 1.15rem !important;
	line-height: 1.3 !important;
}
body.nrna-restyle .site-main .elementor-post__read-more,
body.nrna-restyle .site-main .eael-post-elements-readmore-btn {
	color: var(--sky-deep) !important;
	font-weight: 600;
	text-transform: none;
}
body.nrna-restyle .site-main .elementor-post__meta-data,
body.nrna-restyle .site-main .eael-entry-meta { color: var(--nrna-muted) !important; font-size: .88rem !important; }

/* ---- 8. Basic galleries & Elementor image gallery ---- */
body.nrna-restyle .site-main .gallery-item img,
body.nrna-restyle .site-main .elementor-gallery-item,
body.nrna-restyle .site-main .e-gallery-image { border-radius: 10px; }

/* ---- 9. 10Web Photo Gallery (bwg) ---- */
body.nrna-restyle .bwg_container,
body.nrna-restyle .bwg-container { gap: 0; }
body.nrna-restyle .bwg-item0,
body.nrna-restyle .bwg-item1,
body.nrna-restyle .bwg_standart_thumb_spun1_0,
body.nrna-restyle [class*="bwg-item"] > a > div,
body.nrna-restyle .bwg-item .bwg-item0 {
	border-radius: 10px !important;
	overflow: hidden !important;
	border: 0 !important;
}
body.nrna-restyle .bwg-item img,
body.nrna-restyle [class*="bwg_standart_thumb_img"] {
	transition: transform .35s ease !important;
}
body.nrna-restyle .bwg-item:hover img { transform: scale(1.05); }
body.nrna-restyle .bwg_gal_title_0,
body.nrna-restyle .bwg_gal_title,
body.nrna-restyle .bwg_album_title,
body.nrna-restyle [class*="bwg_gal_title"] {
	font-family: var(--font-head) !important;
	color: var(--nrna-ink) !important;
	font-size: 1.5rem !important;
	text-align: left !important;
	margin: 32px 0 14px !important;
}
body.nrna-restyle .tablenav-pages a,
body.nrna-restyle .bwg_load_btn,
body.nrna-restyle [class*="bwg_load_btn"] {
	background: var(--navy) !important;
	color: #fff !important;
	border-radius: 999px !important;
	border: 0 !important;
	padding: 8px 16px !important;
	font-family: var(--font-body) !important;
}

/* ---- 10. WPForms (contact form) ---- */
body.nrna-restyle .wpforms-container {
	--wpforms-button-background-color: var(--orange);
	--wpforms-button-text-color: var(--navy-deep);
	--wpforms-button-border-radius: 999px;
	--wpforms-field-border-radius: 10px;
	--wpforms-field-border-color: var(--nrna-line);
	--wpforms-label-color: var(--nrna-ink);
	--wpforms-button-size-height: 48px;
	--wpforms-button-size-padding-h: 28px;
	font-family: var(--font-body) !important;
}
body.nrna-restyle .wpforms-container .wpforms-field-label {
	font-family: var(--font-body) !important;
	font-weight: 600 !important;
	color: var(--nrna-ink) !important;
}
body.nrna-restyle .wpforms-container input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body.nrna-restyle .wpforms-container textarea,
body.nrna-restyle .wpforms-container select {
	border: 1px solid var(--nrna-line) !important;
	border-radius: 10px !important;
	padding: 12px 14px !important;
	font-family: var(--font-body) !important;
	font-size: 1rem !important;
	max-width: 100% !important;
	min-height: 48px;
}
body.nrna-restyle .wpforms-container input:focus,
body.nrna-restyle .wpforms-container textarea:focus {
	border-color: var(--sky) !important;
	box-shadow: 0 0 0 4px rgba(63, 169, 224, .18) !important;
}
body.nrna-restyle .wpforms-container .wpforms-submit,
body.nrna-restyle .wpforms-container button[type="submit"] {
	background: var(--sun-grad) !important;
	color: var(--navy-deep) !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 13px 30px !important;
	font-family: var(--font-body) !important;
	font-weight: 600 !important;
	font-size: 1rem !important;
	height: auto !important;
}
body.nrna-restyle .wpforms-container .wpforms-submit:hover { background: var(--navy) !important; color: #fff !important; }

/* ---- 11. Tables & tabs/accordions in old pages ---- */
body.nrna-restyle .site-main table { border-collapse: collapse; width: 100%; }
body.nrna-restyle .site-main th,
body.nrna-restyle .site-main td { border: 1px solid var(--nrna-line); padding: 10px 12px; }
body.nrna-restyle .site-main th { background: var(--nrna-cream); color: var(--nrna-ink); }
body.nrna-restyle .site-main .elementor-tab-title,
body.nrna-restyle .site-main .e-n-accordion-item-title,
body.nrna-restyle .site-main .e-n-tab-title {
	font-family: var(--font-body) !important;
	font-weight: 600 !important;
}
body.nrna-restyle .site-main .elementor-tab-title.elementor-active,
body.nrna-restyle .site-main .e-n-tab-title[aria-selected="true"] {
	color: var(--sky-deep) !important;
}

@media (max-width: 767px) {
	body.nrna-restyle .site-main .elementor > .elementor-section,
	body.nrna-restyle .site-main .elementor > .e-con.e-parent {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}