/* ================================
   Global Menu Styling
   ================================ */
.main-navigation a {
  font-family: "Parisienne", cursive; /* elegant script font */
  font-size: 82px;                     /* large size for desktop */
  color: #800020 !important;           /* burgundy */
  font-weight: bold;                   /* thicker/bold */
  text-transform: capitalize;          /* first letter capital only */
  letter-spacing: 4px;                 /* spacing between letters */
  line-height: 1.4;                     /* vertical breathing room */
  transition: all 0.3s ease;           /* smooth hover transition */
}

/* Hover effect for menu items */
.main-navigation a:hover {
  color: #a52a2a !important;           /* lighter burgundy on hover */
  text-decoration: underline;          /* underline on hover */
  transform: scale(1.08);              /* slight zoom effect */
}

/* Responsive adjustments for tablets */
@media (max-width: 1024px) {
  .main-navigation a {
    font-size: 42px;   /* smaller size for tablets */
    letter-spacing: 2px;
  }
}

/* Responsive adjustments for mobile phones */
@media (max-width: 768px) {
  .main-navigation a {
    font-size: 22px;   /* much smaller size for mobile */
    letter-spacing: 1px;
  }
}

/* ================================
   Footer Social Icons Styling
   ================================ */
.wp-block-social-links .wp-social-link {
  font-size: 28px;             /* bigger size */
  margin: 0 8px;               /* spacing between icons */
  transition: all 0.3s ease;   /* smooth hover */
}

/* Apply burgundy only to NON-LinkedIn icons */
.wp-block-social-links .wp-social-link:not(.wp-social-link-linkedin) {
  color: #800020 !important;   /* burgundy */
}

.wp-block-social-links .wp-social-link:not(.wp-social-link-linkedin):hover {
  color: #a52a2a !important;   /* lighter burgundy on hover */
  transform: scale(1.2);       /* zoom effect on hover */
}

/* LinkedIn stays default (no forced color) */
.wp-block-social-links .wp-social-link-linkedin {
  color: inherit !important;   /* keep theme/default color */
}

.wp-block-social-links .wp-social-link-linkedin:hover {
  color: inherit !important;   /* no hover color override */
  transform: scale(1.2);       /* zoom effect only */
}
.image-container {
  position: relative;
  width: 100%;
  max-width: 1200px;   /* optional: limit size */
  margin: 0 auto;
}

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

.center-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #4a148c;   /* deep purple */
  color: #fff;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: background-color 0.3s ease;
}

.center-button:hover {
  background-color: #6a1b9a;   /* lighter purple on hover */
}

/* Force banner images to full opacity */
.image-container img {
  opacity: 1 !important;
  filter: brightness(100%) !important;
}

/* Remove any semi-transparent overlay the theme adds */
.image-container::before,
.image-container::after {
  content: none !important;
  background: none !important;
  opacity: 1 !important;
}

.wp-block-cover__background,
.wp-block-cover::before {
  opacity: 0 !important;   /* removes dimming layer */
}

/* Change blog page heading to burgundy */
h1.entry-title,
h1.page-title,
.blog h1,
.blog h2.entry-title {
  color: #800020 !important;   /* burgundy hex code */
}

/* Mobile Menu Toggle Button */
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
    background-color: #800020 !important;  /* Burgundy background */
    color: #fff !important;                /* White text */
    border-radius: 6px;                    /* optional rounded corners */
    transition: background-color 0.3s ease;
}
/* Tagline styling */
.site-description {
  font-family: "Aptos", sans-serif;   /* Aptos font */
  font-size: 16px;                    /* normal sentence size */
  color: #800020 !important;          /* burgundy */
  font-weight: normal;                /* normal thickness */
  text-transform: none;               /* keeps sentence case */
  letter-spacing: 0.5px;              /* slight spacing for readability */
  line-height: 1.6;                   /* comfortable line height */
}

/* Hover effect */
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu:hover {
    background-color: #a52a2a !important;  /* lighter burgundy on hover */
    color: #fff !important;
}
/* Make mobile Menu button text bigger */
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
  font-size: 1.2rem !important;   /* increase size */
  font-weight: bold;              /* optional: make it bolder */
  color: #fff !important;         /* keep text white */
}

/* Fancy font for mobile Menu button */
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
  font-family: "Parisienne", cursive;   /* elegant script font */
  font-size: 1.4rem !important;         /* bigger text */
  font-weight: bold;                    /* optional: make it stand out */
  background-color: #800020 !important; /* burgundy background */
  color: #fff !important;               /* white text */
  padding: 12px 20px;
  border-radius: 6px;
}

/* Remove default underline and control it */
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
  text-decoration: none !important;   /* remove browser underline */
  border-bottom: 2px solid #fff;      /* custom underline (white line) */
  padding-bottom: 4px;                /* spacing so underline sits nicely */
}

/* Optional: hover underline effect */
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu:hover {
  border-bottom: 2px solid #ffd700;   /* gold underline on hover */
}

/* Make the cover size match the image and be the positioning parent */
.wp-block-cover {
  position: relative !important;
  display: block !important;
  overflow: visible !important;
  padding: 0 !important;
  background: transparent !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Ensure the background image is in normal flow and defines the cover height */
.wp-block-cover .wp-block-cover__image-background,
.wp-block-cover img.wp-block-cover__image-background {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 60vh !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 1 !important;
}

/* Absolutely pin the inner container to the bottom of the cover (image) */
.wp-block-cover .wp-block-cover__inner-container {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 0 !important;                       /* flush to image bottom */
  z-index: 1002 !important;
  width: auto !important;
  max-width: 92% !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 8px 0 !important;                  /* small gap so button doesn't touch edge */
  background: transparent !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Keep wrapper from stretching and let button size to content */
.wp-block-cover .wp-block-buttons { display: inline-flex !important; justify-content: center !important; align-items: center !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; }
.wp-block-cover .wp-block-buttons > .wp-block-button { display: inline-block !important; height: auto !important; padding: 0 !important; margin: 0 !important; }
.wp-block-cover .wp-block-button__link { display: inline-block !important; height: auto !important; padding: 10px 18px !important; background: #1e73be !important; color: #fff !important; z-index: 1003 !important; box-shadow: 0 6px 18px rgba(0,0,0,0.18) !important; }

/* Defensive: remove pseudo overlays only */
.wp-block-cover .wp-block-cover__inner-container::before,
.wp-block-cover .wp-block-cover__inner-container::after { display: none !important; content: none !important; background: none !important; box-shadow: none !important; }

/* Desktop: reduce aggressive cropping while keeping full-bleed feel */
@media (min-width: 1024px) {
  .wp-block-cover img.wp-block-cover__image-background,
  .wp-block-cover .wp-block-cover__image-background img {
    object-fit: cover !important;
    /* shift focal point slightly up so bottom content isn't lost */
    object-position: center 40% !important;
    width: 100% !important;
    height: auto !important;
    max-height: 85vh !important; /* reduce vertical scale on large screens */
  }

  .wp-block-cover { height: auto !important; min-height: 0 !important; }
  .wp-block-cover .wp-block-cover__inner-container { bottom: 0 !important; }
}
/* Burgundy button with white text and hover */
.wp-block-cover .wp-block-button__link {
  background-color: #800020 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18) !important;
}

.wp-block-cover .wp-block-button__link:hover,
.wp-block-cover .wp-block-button__link:focus {
  background-color: #6b0018 !important;
  color: #ffffff !important;
}

/* Mobile vertical centering for About the Poet page */
@media (max-width: 768px) {
  .page-id-93 .wp-block-cover {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    min-height: 100vh !important; /* ensures full viewport height */
  }

  .page-id-93 img {
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important; /* centers inline images horizontally */
    display: block !important;
  }
}
/* Mobile fix for author name + button visibility */
@media (max-width: 768px) {
  .page-id-93 .wp-block-cover {
    display: flex !important;
    flex-direction: column !important; /* stack content vertically */
    align-items: center !important;
    justify-content: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    min-height: 100vh !important;
    padding: 40px 20px !important;
  }

  .page-id-93 .wp-block-cover__inner-container {
    position: relative !important;
    z-index: 3 !important;
    text-align: center !important;
    margin: 0 auto !important;
    bottom: auto !important; /* remove forced bottom positioning */
  }

  .page-id-93 .wp-block-cover__inner-container h2 {
    color: #000 !important; /* or #fff if background is dark */
    font-size: 1.5em !important;
    margin-bottom: 20px !important;
    opacity: 1 !important;
    display: block !important;
  }

  .page-id-93 .wp-block-button {
    display: inline-block !important;
    margin-top: 75px !important;
    z-index: 3 !important;
  }
}
/* Burgundy styling for "Signed by the author" text */
.signed-by-author {
  color: #800020;          /* Burgundy color */
  font-weight: 600;        /* Slightly bold for emphasis */
  font-size: 1.2em;        /* Scales nicely across devices */
  font-family: "Playfair Display", serif; /* Elegant serif font */
  text-align: center;      /* Centers the text */
  margin-top: 10px;        /* Adds spacing above */
}