/*
Theme Name: Applay Child
Theme URI: https://atuinuniverse.com/
Description: Child theme for Applay, used by A'Tuin Universe. Keeps site-specific customizations safe from parent theme updates.
Author: A'Tuin Universe
Author URI: https://atuinuniverse.com/
Template: applay
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: applay-child
*/

/* -----------------------------------------------------------------
   Site customizations go here.

   Do NOT edit the parent theme (wp-content/themes/applay/): those
   changes are erased on every parent theme update.

   To override a parent template, copy the file from the parent theme
   into this folder, keeping the same relative path, and edit the copy.
   ----------------------------------------------------------------- */

/* -----------------------------------------------------------------
   Contact Form 7 — full width fields.
   Moved here from the "header_content" meta of the Contacto page:
   any value in that meta suppresses the theme's page-heading banner
   (applay/templates/header/header-heading.php:17), which broke
   visual consistency and removed the page's <h1>.
   ----------------------------------------------------------------- */
.wpcf7-form-control { width: 100%; box-sizing: border-box; }
.wpcf7 textarea     { width: 100%; }
.wpcf7-form label   { display: block; width: 100%; }

/* -----------------------------------------------------------------
   Page heading banner
   The parent theme sets padding-top:173px / padding-bottom:83px
   (applay/style.css:2109). Those values assume a full-bleed background
   image behind the fixed header. With a flat colour they leave a large
   empty band, so tighten them while keeping the title clear of the nav.
   ----------------------------------------------------------------- */
.page-heading {
	padding-top: 128px;
	padding-bottom: 46px;
}

@media (max-width: 991px) {
	.page-heading { padding-top: 104px; padding-bottom: 36px; }
}

@media (max-width: 767px) {
	.page-heading { padding-top: 88px; padding-bottom: 30px; }
}

/* Breadcrumb removed.
   Every page on this site hangs directly off Home, so the trail adds no
   navigational value next to a large page title and an active menu item.
   It also rendered broken: leafcolor_breadcrumbs() (applay/functions.php:291)
   hardcodes $show_current = 0, so it printed "Home ›" and then omitted the
   current page. Reclaim the freed column for the title. */
.page-heading .pathway {
	display: none;
}

.page-heading .col-md-8,
.page-heading .col-sm-8 {
	width: 100%;
}

/* -----------------------------------------------------------------
   Portfolio single: project description inside the info card.
   The description used to render below the phone mockup
   (applay-portfolio/views/single-portfolio.php); the child template
   at portfolio/single.php moves it under the title instead.
   ----------------------------------------------------------------- */
.info-app .atuin-app-description {
	margin: 18px 0 22px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	font-size: 15px;
	line-height: 1.7;
}

.info-app .atuin-app-description p {
	margin-bottom: 14px;
}

.info-app .atuin-app-description p:last-child {
	margin-bottom: 0;
}

.info-app .atuin-app-description ul {
	margin: 0 0 14px 18px;
	padding: 0;
	list-style: disc;
}

.info-app .atuin-app-description li {
	margin-bottom: 6px;
	line-height: 1.6;
}

/* -----------------------------------------------------------------
   Home section backgrounds.
   The parent theme's parallax rule (applay/style.css:390) is
   `background-attachment: fixed; background-repeat: repeat !important;`
   with no background-size, so an image smaller than the area tiles
   visibly, and `fixed` is ignored by iOS Safari. These rows therefore
   use cover + scroll instead, with a dark overlay so light text stays
   readable over any part of the artwork.
   ----------------------------------------------------------------- */
.atuin-bg-hero,
.atuin-bg-proof {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat !important;
	background-size: cover;
	background-attachment: scroll;
}

.atuin-bg-hero::before,
.atuin-bg-proof::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}

.atuin-bg-hero {
	background-image: url("/wp-content/uploads/2024/04/game-footer-atuin.jpg");
}

/* Left-weighted scrim: the artwork is darkest on the left, where the
   headline sits, so the overlay fades out towards the mockups. */
.atuin-bg-hero::before {
	background: linear-gradient(90deg, rgba(16, 22, 40, 0.92) 0%, rgba(16, 22, 40, 0.72) 45%, rgba(16, 22, 40, 0.35) 100%);
}

.atuin-bg-proof {
	background-image: url("/wp-content/uploads/2024/04/game-background-atuin.jpg");
}

.atuin-bg-proof::before {
	background: rgba(20, 12, 30, 0.78);
}

.atuin-bg-hero > .container,
.atuin-bg-hero > .wpb_row,
.atuin-bg-proof > .container,
.atuin-bg-proof > .wpb_row {
	position: relative;
	z-index: 1;
}

@media (max-width: 767px) {
	.atuin-bg-hero::before {
		background: rgba(16, 22, 40, 0.88);
	}
}

/* -----------------------------------------------------------------
   Portfolio status badge.
   None of the apps are published yet: they are in store review or
   still in development. The sheet states that plainly instead of
   implying a download that does not exist.
   ----------------------------------------------------------------- */
.info-app .atuin-estado {
	margin: 0 0 14px;
}

.info-app .atuin-estado span {
	display: inline-block;
	padding: 5px 13px;
	border: 1px solid currentColor;
	border-radius: 999px;
	color: #e91e63;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.4;
}

/* -----------------------------------------------------------------
   Heading rhythm.
   The parent styles .ia-heading h2 with a bottom margin but no top
   margin (applay/style.css:1968-1978), so section titles sit flush
   against whatever precedes them. Give them room to breathe, and
   drop the extra space when the heading opens a section.
   ----------------------------------------------------------------- */
.ia-heading {
	margin-top: 52px;
}

.ia-heading h1,
.ia-heading h2 {
	margin-bottom: 34px;
}

.ia-heading h1.h1,
.ia-heading h2.h1 {
	margin-bottom: 42px;
}

/* A heading that opens its column already has the row's own spacing. */
.wpb_wrapper > .ia-heading:first-child,
.wpb_wrapper > .wpb_text_column:first-child .ia-heading,
.page-heading .ia-heading {
	margin-top: 0;
}

/* Text blocks that follow a heading, and icon box grids. */
.ia-heading + .wpb_text_column,
.wpb_text_column + .ia-heading {
	margin-top: 0;
}

.ia-iconbox {
	margin-bottom: 34px;
}

@media (max-width: 767px) {
	.ia-heading { margin-top: 38px; }
	.ia-heading h1, .ia-heading h2 { margin-bottom: 26px; }
	.ia-heading h1.h1, .ia-heading h2.h1 { margin-bottom: 32px; }
}