<?php
/**
 * Title: Header with Social, Logo, and Hamburger (Dark)
 * Slug: elayne/header-social-logo-hamburger
 * Description: Clean dark header with left social icons, centered logo, and hamburger menu
 * Categories: header
 * Keywords: header, navigation, menu, logo, social, centered, hamburger, dark
 * Block Types: core/template-part/header
 * Viewport Width: 1200
 * Inserter: true
 */
?>
<!-- wp:group {"metadata":{"categories":["header"],"patternName":"elayne/header-social-logo-hamburger","name":"Header with Social, Logo, and Hamburger (Dark)"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|small","bottom":"var:preset|spacing|small","left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"primary-alt","textColor":"base","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-base-color has-primary-alt-background-color has-text-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|x-small"},"elements":{"link":{"color":{"text":"var:preset|color|primary-alt-accent"}}}},"textColor":"primary-alt-accent","layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
<div class="wp-block-group has-primary-alt-accent-color has-text-color has-link-color"><!-- wp:image {"width":"24px","height":"24px","scale":"cover","sizeSlug":"full","linkDestination":"custom","className":"is-style-default"} -->
<figure class="wp-block-image size-full is-resized is-style-default"><a href="#" target="_blank" rel="noopener"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/icon-facebook-fandb.svg" alt="<?php echo esc_attr__( 'Facebook', 'elayne' ); ?>" style="object-fit:cover;width:24px;height:24px"/></a></figure>
<!-- /wp:image -->

<!-- wp:image {"width":"24px","height":"24px","scale":"cover","sizeSlug":"full","linkDestination":"custom","className":"is-style-default"} -->
<figure class="wp-block-image size-full is-resized is-style-default"><a href="#" target="_blank" rel="noopener"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/icon-instagram-fandb.svg" alt="<?php echo esc_attr__( 'Instagram', 'elayne' ); ?>" style="object-fit:cover;width:24px;height:24px"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:site-logo {"width":112,"shouldSyncIcon":false,"className":"is-style-default"} /-->

<!-- wp:navigation {"overlayMenu":"always","overlayBackgroundColor":"primary-alt","overlayTextColor":"base","className":"has-right-aligned-overlay","style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"flex","justifyContent":"right"}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
