/*
 Theme Name:  TT5 – Gamblers University (Child)
 Theme URI:   https://university.casino
 Description: Child theme for Twenty Twenty-Five tailored for Gamblers University
 Author:      You
 Template:    twentytwentyfive
 Version:     1.0.0
 Text Domain: tt5-gu
*/

/* Front-end */
:root .wp-site-blocks hr.wp-block-separator,
:root .wp-site-blocks .wp-block-separator {
  color: var(
    --wp--preset--color--accent-6
  ) !important; /* currentColor variants */
  border-color: var(
    --wp--preset--color--accent-6
  ) !important; /* line variants */
  background-color: var(
    --wp--preset--color--accent-6
  ) !important; /* thick variants */
}
:root .wp-site-blocks .wp-block-separator.is-style-wide {
  border-top-color: var(--wp--preset--color--accent-6) !important;
}
:root .wp-site-blocks .wp-block-separator.is-style-dots::before {
  color: var(--wp--preset--color--accent-6) !important;
}
:root .wp-site-blocks .wp-block-separator.has-alpha-channel-opacity {
  opacity: 1 !important;
}

/* Block editor (so it matches what you see while editing) */
.editor-styles-wrapper hr.wp-block-separator,
.editor-styles-wrapper .wp-block-separator {
  color: var(--wp--preset--color--accent-6) !important;
  border-color: var(--wp--preset--color--accent-6) !important;
  background-color: var(--wp--preset--color--accent-6) !important;
}
.editor-styles-wrapper .wp-block-separator.is-style-wide {
  border-top-color: var(--wp--preset--color--accent-6) !important;
}
.editor-styles-wrapper .wp-block-separator.is-style-dots::before {
  color: var(--wp--preset--color--accent-6) !important;
}
.editor-styles-wrapper .wp-block-separator.has-alpha-channel-opacity {
  opacity: 1 !important;
}

:root {
  --wp--preset--color--accent-6: #a5851c; /* gold */
}

/* === GU Casino Cards: force layout fixes even when block CSS loads later === */

/* grid + equal visual height */
.gu-wtp .gu-wtp-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

/* make each card a flex column; CTA pinned to bottom */
.gu-wtp .gu-wtp-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* content area grows to fill; keeps CTA at bottom */
.gu-wtp .gu-wtp-row {
  flex: 1 1 auto !important;
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 14px 16px !important;
}

/* logo sizing (prevents image “pushing” the CTA up) */
.gu-wtp .gu-wtp-logo {
  flex: 0 0 auto !important;
  width: 170px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.gu-wtp .gu-wtp-logo img {
  max-width: 160px !important;
  max-height: 60px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}

/* text column can shrink and wrap inside available space */
.gu-wtp .gu-wtp-meta {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* TITLE: scale down instead of wrapping */
.gu-wtp .gu-wtp-name {
  font-weight: 700;
  line-height: 1.15;
  /* allow wrapping + gentle downscale */
  font-size: clamp(1rem, 1.25vw, 1.125rem);
  white-space: normal !important; /* was: nowrap */
  overflow: visible !important; /* was: hidden  */
  text-overflow: unset !important; /* was: ellipsis */
  overflow-wrap: anywhere; /* break long domains cleanly */
  word-break: normal;
  hyphens: auto;
}

/* CTA bar stays on bottom edge of card */
.gu-wtp .gu-wtp-cta {
  margin-top: auto !important; /* the key bit */
  display: grid !important;
  place-items: center !important;
  padding: 12px 10px !important;
  border-top: 1px solid #f1f1f1 !important;
  background: linear-gradient(180deg, #caa245, #a5851c) !important;
  font-weight: 800 !important;
  color: #111 !important;
}