/*
Theme Name: LOSCO Logistic
Theme URI: https://losco.sa/
Author: LOSCO
Author URI: https://losco.sa/
Description: Custom WordPress theme for LOSCO / LOGISTIC. A faithful port of the original static los.sa website: shipping, packaging and warehousing. Fully editable projects, services, clients, counters, menus and contact details — no page builder, no ACF, no form plugin.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: losco-logistic
Tags: business, logistics, custom-logo, custom-menu, featured-images, translation-ready
*/

/* -----------------------------------------------------------------------------
 * IMPORTANT
 * ---------
 * This file exists only because WordPress requires a style.css with a theme
 * header at the theme root. The real template stylesheet is:
 *
 *     assets/css/style.css   (116 KB, enqueued as "losco-main")
 *
 * Do NOT move assets/css/style.css to the theme root. It references images as
 * url(../../assets/img/...), which only resolves from assets/css/. Moving it
 * silently 404s every decorative shape background.
 *
 * Port-specific overrides go below, and nowhere else.
 * -------------------------------------------------------------------------- */

/* Contact form honeypot: must be reachable by bots but invisible to humans.
   Deliberately not display:none — some bots skip fields hidden that way. */
.losco-hp {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* WordPress core output classes the original template never had to style. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #fff;
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 14px; margin: 10px 0; }

/* The admin bar is fixed at the top and would sit over the fixed navbar. */
body.admin-bar .navbar-fixed.navbar-scrolled,
body.admin-bar nav.bootsnav.navbar-fixed.sticked { top: 32px; }

@media screen and (max-width: 782px) {
    body.admin-bar .navbar-fixed.navbar-scrolled,
    body.admin-bar nav.bootsnav.navbar-fixed.sticked { top: 46px; }
}

/*
 * The original markup carried no width/height attributes on its images.
 * WordPress prints them, and against the template's `max-width: 100%` that
 * pins the rendered height to the full-size value and squashes every
 * downscaled image. `height: auto` restores the intrinsic aspect ratio.
 */
.wrapper img { height: auto; }

/* The client logos were sized by a height="100" attribute in the original. */
.clients-area .clients-carousel img { height: 100px; }