/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1765475219
Updated: 2025-12-11 17:46:59

*/

/* =========================================================
   GLOBAL ACCENT COLORS (DEFAULT = TRINITAS / GOLD)
   ========================================================= */

/* GLOBAL TRINITAS ACCENT (AMBER) */
:root {
  --accent-main: #d4a72c;
  --accent-soft: rgba(212,167,44,0.32);
  --accent-faint: rgba(212,167,44,0.16);
}

/* Adversarius override (evil / hell red) */
body.page-id-171 {
  --accent-main: #b11212;
  --accent-soft: rgba(177,18,18,0.35);
  --accent-faint: rgba(177,18,18,0.18);
}

/* =========================================================
   PODS ADMIN TABLE SEARCH (FRONTEND)
   ========================================================= */

.pods-ui .search-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 20px auto 35px auto;
  max-width: 900px;
  padding: 20px 24px;
  text-align: center;
  float: none !important;

  background: linear-gradient(180deg, #1c1c1c, #121212);
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.03),
    0 10px 30px rgba(0,0,0,0.6);
  position: relative;
}

/* Accent outline */
.pods-ui .search-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px var(--accent-faint);
}

/* Search input */
.pods-ui .search-box input.regular-text {
  width: 100%;
  max-width: 520px;
  padding: 14px 18px;
  font-size: 16px;
  color: #fff;
  background: linear-gradient(180deg, #2b2b2b, #222);
  border: 2px solid #555;
  border-radius: 10px;
  outline: none;
  transition: all 0.2s ease-in-out;
}

/* Focus */
.pods-ui .search-box input.regular-text:focus {
  border-color: var(--accent-main);
  box-shadow:
    0 0 0 3px var(--accent-soft),
    inset 0 0 10px var(--accent-faint);
}

/* Search button */
.pods-ui .search-box input.button {
  padding: 13px 26px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent-main);
  background: linear-gradient(
    180deg,
    var(--accent-faint),
    rgba(0,0,0,0)
  );
  border: 2px solid var(--accent-main);
  border-radius: 10px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
}

.pods-ui .search-box input.button:hover {
  background: var(--accent-main);
  color: #000;
  box-shadow:
    0 0 20px var(--accent-soft),
    0 0 40px var(--accent-faint);
}

/* Mobile search */
@media (max-width: 768px) {
  .pods-ui .search-box {
    flex-direction: column;
    align-items: stretch;
  }
  .pods-ui .search-box input.button {
    width: 100%;
  }
}

/* =========================================================
   PODS ADMIN TABLE – CARD GAME STYLE
   ========================================================= */

.pods-ui table.widefat {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: linear-gradient(180deg, #1a1a1a, #111);
  border: 1px solid #333;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,0.7);
}

/* Header */
.pods-ui table.widefat thead th {
  background: linear-gradient(180deg, #222, #161616);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 13px;
  padding: 16px 14px;
  border-bottom: 1px solid #444;
}

/* Rows */
.pods-ui table.widefat tbody tr {
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

.pods-ui table.widefat tbody tr:nth-child(even) {
  background: rgba(255,255,255,0.02);
}

.pods-ui table.widefat tbody tr:hover {
  background: var(--accent-faint);
  box-shadow: inset 0 0 0 1px var(--accent-soft);
}

/* Cells */
.pods-ui table.widefat td {
  color: #eaeaea;
  padding: 18px 14px;
  font-size: 14px;
  vertical-align: top;
  border-bottom: 1px solid #333;
}

/* =========================================================
   MOBILE CARD VIEW (STACKED CARDS)
   ========================================================= */

@media (max-width: 900px) {
  .pods-ui table.widefat,
  .pods-ui thead,
  .pods-ui tbody,
  .pods-ui th,
  .pods-ui td,
  .pods-ui tr {
    display: block;
  }

  .pods-ui thead {
    display: none;
  }

  .pods-ui table.widefat tbody tr {
    margin-bottom: 20px;
    border: 1px solid #333;
    border-radius: 12px;
    padding: 14px;
    background: linear-gradient(180deg, #1c1c1c, #121212);
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  }

  .pods-ui table.widefat td {
    border: none;
    padding: 8px 0;
  }

  .pods-ui table.widefat td::before {
    content: attr(data-colname);
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #888;
    margin-bottom: 4px;
  }
}

/* =========================================================
   TRINITAS SINGLE CARD – TEXT PANEL (SCROLL ONLY)
   ========================================================= */

body.single-trinitas-card {
  --card-panel-h: clamp(560px, 86vh, 820px);
}

body.single-trinitas-card .elementor-element-940380c > .e-con-inner {
  align-items: stretch;
}

body.single-trinitas-card .elementor-element-85c05fb {
  height: var(--card-panel-h);
}

body.single-trinitas-card .elementor-element-85c05fb .elementor-widget-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 28px 20px 24px 20px;
  background: linear-gradient(180deg, rgba(18,18,18,0.75), rgba(12,12,12,0.55));
}

/* Scrollbars */
body.single-trinitas-card .elementor-element-85c05fb .elementor-widget-container::-webkit-scrollbar {
  width: 8px;
}
body.single-trinitas-card .elementor-element-85c05fb .elementor-widget-container::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.06);
  border-radius: 999px;
}
body.single-trinitas-card .elementor-element-85c05fb .elementor-widget-container::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.28);
  border-radius: 999px;
}
body.single-trinitas-card .elementor-element-85c05fb .elementor-widget-container {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.28) rgba(255,255,255,0.06);
}

@media (max-width: 900px) {
  body.single-trinitas-card .elementor-element-85c05fb,
  body.single-trinitas-card .elementor-element-85c05fb .elementor-widget-container {
    height: auto;
    overflow: visible;
  }
}


/* ==========================================
   ADVERSARIUS TABLE LINKS – FORCE RED
   ========================================== */

/* Use a red accent on the adversarius index page */
body.page-id-171{
  --accent-main: #b11212;
  --accent-hover: #ff4b4b;
}

/* Card Number link (inside <strong>) */
body.page-id-171 .pods-ui table.widefat td.pods-ui-col-field-adversarius_card_number strong a,
body.page-id-171 .pods-ui table.widefat td.pods-ui-col-field-adversarius_card_number a{
  color: var(--accent-main) !important;
}

/* Card Name link (inside <span>) */
body.page-id-171 .pods-ui table.widefat td.pods-ui-col-field-adversarius_card_name span a,
body.page-id-171 .pods-ui table.widefat td.pods-ui-col-field-adversarius_card_name a{
  color: var(--accent-main) !important;
}

/* Fallback: ANY link inside the Pods table */
body.page-id-171 .pods-ui table.widefat td a{
  color: var(--accent-main) !important;
  text-decoration: none;
}

body.page-id-171 .pods-ui table.widefat td a:hover{
  color: var(--accent-hover) !important;
  text-decoration: underline;
}



/* =========================================================
   CARD FLIP HOVER – TRADING CARD STYLE
   ========================================================= */

/* Each card tile – grid layout + flip perspective */
.card-grid-item {
  display: inline-block;
  width: calc(20% - 16px);   /* 5 per row on large screens */
  margin: 8px;
  vertical-align: top;
  perspective: 1200px;       /* keep this for 3D flip */
}


/* Flip wrapper */
.card-flip{
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 3;
  height: auto;               /* keep */
  transform-style: preserve-3d;
  transition: transform 0.65s cubic-bezier(.4,.2,.2,1);
}

/* Flip on hover */
.card-grid-item:hover .card-flip {
  transform: rotateY(180deg);
}

/* Faces */
.card-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

/* INDEX GRID: show full card (no cropping) */
.card-front img{
  width: 100% !important;
  height: 100% !important;     /* IMPORTANT: override Elementor height:auto */
  object-fit: contain !important;
  display: block;
  background: rgba(0,0,0,0.25);
}



/* Back */
.card-back {
  background: radial-gradient(
    circle at top,
    rgba(255,255,255,0.08),
    rgba(0,0,0,0.85)
  );
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Back content */
.card-back-inner {
  text-align: center;
  padding: 18px;
  color: #fff;
}

/* Number */
.card-back-inner .card-number {
  font-size: 13px;
  letter-spacing: 0.14em;
  color: var(--accent-main);
  margin-bottom: 10px;
}

/* Name */
.card-back-inner .card-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 8px;
}

/* Type */
.card-back-inner .card-type {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.85;
}

/* Subtle glow */
.card-grid-item:hover {
  box-shadow:
    0 0 0 1px var(--accent-faint),
    0 18px 40px rgba(0,0,0,0.8);
}

@media (max-width: 1200px){
  .card-grid-item {
    width: calc(25% - 16px);   /* 4 per row */
  }
}

@media (max-width: 900px){
  .card-grid-item {
    width: calc(33.333% - 16px);  /* 3 per row */
  }
}

@media (max-width: 600px){
  .card-grid-item {
    width: calc(50% - 16px);   /* 2 per row */
  }
}

@media (max-width: 420px){
  .card-grid-item {
    width: calc(100% - 16px);  /* 1 per row */
  }
}


/* =========================================================
   MOBILE: Disable flip (tap-friendly)
   ========================================================= */

@media (hover: none) {
  .card-flip {
    transform: none !important;
  }

  .card-back {
    display: none;
  }
}


/* =========================================================
   ADVERSARIUS SINGLE CARD – TEXT PANEL (MATCH TRINITAS)
   ========================================================= */


body.single-adversarius-card {
  --card-panel-h: clamp(560px, 86vh, 820px);
}

/* Make the two columns stretch to same height */
body.single-adversarius-card .elementor-element-22bb3a1 > .e-con-inner {
  align-items: stretch;
}

/* Right column (text panel) uses the panel height */
body.single-adversarius-card .elementor-element-4ca2aab {
  height: var(--card-panel-h);
}

/* Scroll inside the text widget only */
body.single-adversarius-card .elementor-element-4ca2aab .elementor-widget-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;

  padding: 28px 20px 24px 20px;
  background: linear-gradient(180deg, rgba(18,18,18,0.75), rgba(12,12,12,0.55));
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}

/* Scrollbar styling */
body.single-adversarius-card .elementor-element-4ca2aab .elementor-widget-container::-webkit-scrollbar {
  width: 8px;
}
body.single-adversarius-card .elementor-element-4ca2aab .elementor-widget-container::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.06);
  border-radius: 999px;
}
body.single-adversarius-card .elementor-element-4ca2aab .elementor-widget-container::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.28);
  border-radius: 999px;
}
body.single-adversarius-card .elementor-element-4ca2aab .elementor-widget-container {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.28) rgba(255,255,255,0.06);
}

/* Mobile: let it flow naturally */
@media (max-width: 900px) {
  body.single-adversarius-card .elementor-element-4ca2aab,
  body.single-adversarius-card .elementor-element-4ca2aab .elementor-widget-container {
    height: auto;
    overflow: visible;
  }
}

/* Adversarius card backs */
.card-grid-item.is-adversarius .card-back{
  background: radial-gradient(circle at top,
    rgba(255,60,60,0.18),
    rgba(0,0,0,0.94));
}

.card-grid-item.is-adversarius .card-number{
  color: #b11212;
}

/* ===============================
   STICKY FOOTER FIX
   =============================== */

/* Make full page a flex column */
html, body {
  height: 100%;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Main content should grow */
#page,
.elementor-location-header + .elementor,
.site-content,
main {
  flex: 1;
}

/* Footer stays at bottom */
footer,
.elementor-location-footer {
  margin-top: auto;
}